Typecho handsome主题美化：10.1.0最新版

1
/*两侧框架留白间距*/
2
@media (min-width: 1700px) {
3
  .app.container {
4
    width: 95%;
5
  }
6

7
  .app.container .app-aside,
8
  .app.container .app-header {
9
    max-width: 95%;
10
  }
11
}
12

13
@media (min-width: 2048px) {
14
  .app.container {
15
    width: 93%;
16
  }
17

18
  .app.container .app-aside,
19
  .app.container .app-header {
20
    max-width: 93%;
21
  }
22
}
23

24
@media (min-width: 1200px) {
25
  .app.container {
26
    width: 90%;
27
  }
28

29
  .app.container .app-aside,
30
  .app.container .app-header {
31
    max-width: 90%;
32
  }
33

34
  .app.container .app-footer-fixed {
35
    max-width: 970px;
36
  }
37

38
  .app.container.app-aside-folded .app-footer-fixed {
39
    max-width: 1110px;
40
  }
41

42
  .app.container.app-aside-dock .app-footer-fixed {
43
    max-width: 90%;
44
  }
45
}

1
<script>
2
function kaygb_referrer(){
3
var kaygb_referrer = document.referrer;
4
if  (kaygb_referrer != ""){
5
return "感谢您的访问！ 您来自：<br>" + document.referrer;
6
}else{
7
return "";
8
}}
9
$.message({
10
    message: "为了网站的正常运行，请不要使用广告屏蔽插件，谢谢！<br >" + kaygb_referrer(),
11
    title: "网站加载完成",
12
    type: "success",
13
    autoHide: !1,
14
    time: "3000"
15
})
16
</script>

1
<!--评论 打卡、赞、踩 功能-->
2
window.SIMPALED = {}; // 创建全局对象 SIMPALED，用于存放编辑器功能
3

4
// 定义一个函数 a，用于在文本框中插入文字
5
function a(a, b, c) {
6
  if (document.selection) {
7
    a.focus();
8
    sel = document.selection.createRange();
9
    c ? (sel.text = b + sel.text + c) : (sel.text = b);
10
    a.focus();
11
  } else if (a.selectionStart || "0" == a.selectionStart) {
12
    var l = a.selectionStart;
13
    var m = a.selectionEnd;
14
    var n = m;
15
    c
16
      ? (a.value =
17
          a.value.substring(0, l) + b + a.value.substring(l, m) + c + a.value.substring(m, a.value.length))
18
      : (a.value = a.value.substring(0, l) + b + a.value.substring(m, a.value.length));
19
    c ? (n += b.length + c.length) : (n += b.length - m + l);
20
    l == m && c && (n -= c.length);
21
    a.focus();
22
    a.selectionStart = n;
23
    a.selectionEnd = n;
24
  } else {
25
    a.value += b + c;
26
    a.focus();
27
  }
28
}
29

30
window.SIMPALED.Editor = {
31
  daka: function() {
32
    var b = new Date().toLocaleTimeString();
33
    var c = document.getElementById("comment") || 0;
34
    a(c, "滴！学生卡！打卡时间：" + b, "，请上车的乘客系好安全带~");
35

36
    // 将光标移到文本最后
37
    if (c.setSelectionRange) {
38
      var len = c.value.length;
39
      c.setSelectionRange(len, len);
40
      c.focus();
41
    } else if (c.createTextRange) {
42
      var range = c.createTextRange();
43
      range.collapse(false);
44
      range.select();
45
      c.focus();
46
    }
47
  },
48

49
  zan: function() {
50
    var c = document.getElementById("comment") || 0;
51
    var yuluResponses = [
52
      " 这篇文章展现了作者深邃的思想和独特的观点，令人赞叹不已。 ",
53
      " 文章中的优美语言和精彩描写让人感受到一种心灵的震撼和触动，实在值得赞美。 ",
54
      " 作者以敏锐的洞察力和真挚的情感，将文字融为一体，这种写作技巧令人赞赏。 ",
55
      " 这篇文章展现了作者的才华和学识，无不让人对其赞美有加。 ",
56
      " 文章中的感人故事和深刻的寓意令人深深地感动和赞叹。  ",
57
      " 作者的文字流畅而富有节奏感，令人为之倾倒，实在是一篇令人赞美的佳作。 ",
58
      " 文章中的深邃思考和清晰逻辑令人对作者的才华赞赏不已。 ",
59
      " 这篇文章的独到见解和新颖观点，让人对作者的创意赞美有加。 ",
60
      " 作者运用生动的比喻和细腻的描写，让读者仿佛身临其境，实在是一种令人赞美的写作艺术。 ",
61
      " 这篇文章的深情笔触和真挚感受让人深深感叹，实在是一篇值得赞美的美文。 ",
62
    ];
63

64
    var randomIndex = Math.floor(Math.random() * yuluResponses.length);
65
    var randomResponse = yuluResponses[randomIndex];
66
    a(c, randomResponse);
67
  },
68

69
  cai: function() {
70
    var c = document.getElementById("comment") || 0;
71
    var yuluResponses = [
72
      " 我是来替大家批评博主的，我是来批评的，这篇文章的结构有点混乱，需要更好地组织和展开内容。博主多多像我学习啊！ ",
73
      " 我是来替大家批评博主的，作者的表达能力有待提高，有些地方表述不够清晰，读者可能会感到困惑。博主多多像我学习啊！ ",
74
      " 我是来替大家批评博主的，文章的语法错误较多，建议仔细检查并进行修改。博主多多像我学习啊！ ",
75
      " 我是来替大家批评博主的，内容有些空洞，需要更多具体的例子或细节来支撑观点。博主多多像我学习啊！ ",
76
      " 我是来替大家批评博主的，文章缺乏逻辑，有些段落之间的衔接不够自然。博主多多像我学习啊！ ",
77
      " 我是来替大家批评博主的，作者的观点没有充分论证，需要更多的证据和理由来支持主张。博主多多像我学习啊！ ",
78
      " 我是来替大家批评博主的，文章中出现了一些拼写错误和用词不当的情况，建议进行仔细校对。博主多多像我学习啊！ ",
79
      " 我是来替大家批评博主的，语言表达过于简单，可以尝试使用更丰富的词汇和句式来提升文章质量。博主多多像我学习啊！ ",
80
      " 我是来替大家批评博主的，这篇文章的主题不够突出，需要更好地明确中心思想。博主多多像我学习啊！ ",
81
      " 我是来替大家批评博主的，文章缺乏吸引人的开头，建议引入更有趣的故事或引语来吸引读者注意。博主多多像我学习啊！ ",
82
    ];
83

84
    var randomIndex = Math.floor(Math.random() * yuluResponses.length);
85
    var randomResponse = yuluResponses[randomIndex];
86
    a(c, randomResponse);
87
  },
88

89
  yulu: function() {
90
    var c = document.getElementById("comment") || 0;
91
    var yuluResponses = [
92
      " 有你在的日子才是我的日常。 ",
93
      " 夹在我女友与前女友与青梅竹马间的果然是修罗场！ ",
94
      " 既然如此，就再努力一次吧。别在这里愁眉不展，也不要再自欺欺人，重新来过！ ",
95
      " 比自己,比梦想更重要的东西永远都存在着... ",
96
      " 嘛，那又怎么样呢？ ",
97
      " 自身不先改变的话，一切都不会改变。 ",
98
      " 比起有一百个朋友，不如有个比一百人还要重要的真心朋友。 ",
99
      " 我有在反省，但我不后悔。 ",
100
      " 要超越过去与悲伤，用坚强和笑容去开拓明天。 ",
101
      " 男人许下的诺言就一定要遵守。 ",
102
      " 没有回忆就去创造回忆，没有道路就去开辟道路。 ",
103
      " 我敬你是条汉子！ ",
104
      " 不相信自己的人，连努力的价值都没有。 ",
105
      " 微风摇曳着窗帘，夕阳斜射入教室，在那里鼓起勇气告白的少年。即使现在也能清晰地回想起她的声音「当朋友，不行吗？」 ",
106
      " 就算是沉落地面的太阳，只要夜晚过了一定会再度升起，不管有什么痛苦或难过的事，跟今天截然不同的明天也一定会到来。 ",
107
      " 我的腿让我停下，可是心却不允许我那么做。 ",
108
      " 生活就像超级女生，走到最后的都是纯爷们。 ",
109
      " 我要拼，装上假牙也要拼！ ",
110
      " 想要成为无论多么悲伤的时候，也能够漂亮微笑的人吧。 ",
111
      " 人们只是用好人来称呼对自己有用的人而以，不存在对所有人都有用的人。 ",
112
      " 烈焰中舞动的火花，将赐予邪恶异性交往以天罚。 ",
113
      " 无论乌云有多浓厚，星星也一定还在，只是暂时看不到了而已。 ",
114
      " 不相信人咬不到肚脐的，咬破肚脐去死如何？ ",
115
      " 人一生会遇到约万人，两个人相爱的概率是.。所以你不爱我，我不怪你。 ",
116
      " 不管看到什么样的过去，都请不要迷失自己，不管你变成什么样子，我都是你的同伴。 ",
117
      " 心，可是很重的。 ",
118
      " 我爱上的人，称我为怪叔叔 ",
119
      " 慕君之心，至死方休。 ",
120
      " 虚伪的眼泪，会伤害别人，虚伪的笑容，会伤害自己。 ",
121
      " 若隐若现才是艺术！ ",
122
      " 生我何用？不能欢笑。灭我何用？不减狂骄。 ",
123
      " 就是因为你不好，才要留在你身边，给你幸福。 ",
124
      " 呐，我们好像是，被宇宙和地球拆散的恋人似的。 ",
125
      " 你会梦游，我会磨牙，我们晚上一起去吓人吧！ ",
126
      " 或许只需一滴露水，便能守护这绽放的花朵。 ",
127
      " 自己永远是孤单的，但你可以让其他人变得不孤单。 ",
128
      " 和哥哥的便当比起来夜空的薯片就像大便一样！只会给我大便的大便夜空是笨蛋～笨蛋～ ",
129
      " 我手中的魔法，是守护挚爱的力量，是坚定这个信念所必须的力量，我一定会拯救你的，无论在何时、何地。 ",
130
      " 要改变别人的心真是件很难办的事，不过改变自己要容易一点。 ",
131
      " 风筝的线你随时可以放开，只是别盼望我会回来。 ",
132
      " 与你的生命等价的东西，这个世界上根本没有。 ",
133
      " 君子可寓意于物，但不可留意于物。 ",
134
      " 最好的感觉，是有人懂你的欲言又止。 ",
135
      " 看似美好的东西，往往藏着陷阱。 ",
136
      " 爱,其实很简单，困难的是去接受它。 ",
137
      " 喜欢大胸只是本能，喜欢贫乳才是审美。 ",
138
      " 二次元什么的我本来是不感冒的，直到我的膝盖中了一箭。 ",
139
      " 你才是⑨！你全家都是⑨！ ",
140
      " 努力是不会背叛自己的，虽然梦想有时会背叛自己。 ",
141
      " 面对就好，去经历就好。 ",
142
      " 我从小就害怕虫子 ",
143
      " 做不到的话，不过就是一死 。但是，赢了就能活下去，要是不战斗就赢不了。 ",
144
      " 既然认准这条路，何必去打听要走多久。 ",
145
      " 研表究明，汉字的序顺并不定一能影阅响读，比如当你看完这句话后，才发这现里的字全是都乱的。 ",
146
      " 少年心意，一如明月松间的青石流水，那些年里看到了，却不懂。 ",
147
      " 明明只是活着，哀伤却无处不在⋯⋯ ",
148
      " 少罗嗦，你还不如虫子呢！ ",
149
      " 天空是连着的，如果我们也能各自发光的话，无论距离有多远，都能看到彼此努力的身影。 ",
150
      " 别人恋爱不成功，你连暗恋都不成功！ ",
151
    ];
152

153
    var randomIndex = Math.floor(Math.random() * yuluResponses.length);
154
    var randomResponse = yuluResponses[randomIndex];
155
    a(c, randomResponse);
156
  },
157
};

1
/* 鼠标点击特效 */
2
var a_idx = 0;
3
jQuery(document).ready(function ($) {
4
    $("body").click(function (e) {
5
        var a = [
6
            "富强", "民主", "文明", "和谐", "自由", "平等", "公正", "法治",
7
            "爱国", "敬业", "诚信", "友善"
8
        ];
9
        var $i = $("<span/>").text(a[a_idx]);
10
        a_idx = (a_idx + 1) % a.length;
11
        var x = e.pageX,
12
            y = e.pageY;
13
        $i.css({
14
            "z-index": 9999,
15
            "top": y - 20,
16
            "left": x,
17
            "position": "absolute",
18
            "font-weight": "bold",
19
            "color": "#FA7298"
20
        });
21
        $("body").append($i);
22
        $i.animate({
23
            "top": y - 180,
24
            "opacity": 0
25
        }, 1500, function () {
26
            $i.remove();
27
        });
28
    });
29
});

1
/* 复制成功提示代码开始 */
2
kaygb_copy();
3
function kaygb_copy() {
4
    $(document).ready(function () {
5
        $("body").bind('copy', function (e) {
6
            hellolayer();
7
        });
8
    });
9
    var sitesurl = window.location.href;
10
    function hellolayer() {
11
        $.message({
12
            message: "尊重原创，转载请注明出处！<br> 本文作者：XXX<br>原文链接：" + sitesurl,
13
            title: "复制成功",
14
            type: "warning",
15
            autoHide: false,
16
            time: "3000"
17
        });
18
    }
19
}
20
/* 复制成功提示代码结束 */

1
<!-- 自定义右键 -->
2
<style type="text/css">
3
a {text-decoration: none;}
4
div.usercm{background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#fff;font-size:13px!important;width:130px;-moz-box-shadow:1px 1px 3px rgba(0,0,0,.3);box-shadow:0px 0px 15px #333;position:absolute;display:none;z-index:10000;opacity:0.9; border-radius: 8px;}
5
div.usercm ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;display:block}
6
div.usercm ul li{margin:0px;padding:0px;line-height:35px;}
7
div.usercm ul li a{color:#666;padding:0 15px;display:block}
8
div.usercm ul li a:hover{color:#fff;background:rgba(88,130,238,0.88)}
9
div.usercm ul li a i{margin-right:10px}
10
a.disabled{color:#c8c8c8!important;cursor:not-allowed}
11
a.disabled:hover{background-color:rgba(255,11,11,0)!important}
12
div.usercm{background:#fff !important;}
13
</style>
14
<div class="usercm" style="left: 199px; top: 5px; display: none;">
15
<ul>
16
<li><a href="https://www.***.cn"><i class="fontello fontello-home"></i><span>首页</span></a></li>
17
<li><a href="javascript:void(0);" onclick="getSelect();"><i class="fontello fontello-pencil"></i><span>复制</span></a></li>
18
<li><a href="javascript:void(0);" onclick="baiduSearch();"><i class="fontello fontello-search"></i><span>搜索</span></a></li>
19
<li><a href="javascript:history.go(1);"><i class="fontello fontello-chevron-right"></i><span>前进</span></a></li>
20
<li><a href="javascript:history.go(-1);"><i class="fontello fontello-chevron-left"></i><span>后退</span></a></li>
21
<li style="border-bottom:1px solid gray"><a href="javascript:window.location.reload();"><i class="fontello fontello-refresh"></i><span>重载网页</span></a></li>
22
<li><a href="https://blog.ybyq.wang/index.php/about.html"><i class="fontello fontello-emo-tongue"></i><span>关于作者</span></a></li>
23
</ul>
24
</div>
25
<script type="text/javascript">
26
(function(a) {
27
a.extend({
28
mouseMoveShow: function(b) {
29
var d = 0,
30
c = 0,
31
h = 0,
32
k = 0,
33
e = 0,
34
f = 0;
35
a(window).mousemove(function(g) {
36
d = a(window).width();
37
c = a(window).height();
38
h = g.clientX;
39
k = g.clientY;
40
e = g.pageX;
41
f = g.pageY;
42
h + a(b).width() >= d && (e = e - a(b).width() - 5);
43
k + a(b).height() >= c && (f = f - a(b).height() - 5);
44
a("html").on({
45
contextmenu: function(c) {
46
3 == c.which && a(b).css({
47
left: e,
48
top: f
49
}).show()
50
},
51
click: function() {
52
a(b).hide()
53
}
54
})
55
},
56
disabledContextMenu: function() {
57
window.oncontextmenu = function() {
58
return !1
59
}
60
}
61
})
62
})(jQuery);
63

64
    function getSelect() {
65
        "" == (window.getSelection ? window.getSelection() : document.selection.createRange().text) ? layer.msg("请选择需要复制的内容！") : document.execCommand("Copy")
66
    }
67
    function baiduSearch() {
68
        var a = window.getSelection ? window.getSelection() : document.selection.createRange().text;
69
        "" == a ? layer.msg("请选择需要搜索的内容！") : window.open("https://www.baidu.com/s?wd=" + a)
70
    }
71
    $(function() {
72
        for (var a = navigator.userAgent, b = "Android;iPhone;SymbianOS;Windows Phone;iPad;iPod".split(";"), d = !0, c = 0; c < b.length; c++) if (0 < a.indexOf(b[c])) {
73
            d = !1;
74
            break
75
        }
76
        d && ($.mouseMoveShow(".usercm"), $.disabledContextMenu())
77
    });
78
</script>

1
/*访问总量代码开始*/
2
function theAllViews(){
3
$db = Typecho_Db::get();
4
    $row = $db->fetchAll('SELECT SUM(VIEWS) FROM `typecho_contents`');
5
        echo number_format($row[0]['SUM(VIEWS)']);
6
}
7
/*访问总量代码结束*/
8
/*响应时间代码开始*/
9
function timer_start() {
10
global $timestart;
11
$mtime = explode( ' ', microtime() );
12
$timestart = $mtime[1] + $mtime[0];
13
return true;
14
}
15
timer_start();
16
function timer_stop( $display = 0, $precision = 3  ) {
17
global $timestart, $timeend;
18
$mtime = explode( ' ', microtime() );
19
$timeend = $mtime[1] + $mtime[0];
20
$timetotal = number_format( $timeend - $timestart, $precision  );
21
$r = $timetotal < 1 ? $timetotal * 1000 . " ms" : $timetotal . " s";
22
if ( $display ) {
23
echo $r;
24
}
25
return $r;
26
}
27
/*响应时间代码结束*/

1
<?php
2
//字数统计
3
function allOfCharacters() {
4
$chars = 0;
5
    $db = Typecho_Db::get();
6
$select = $db ->select('text')->from('table.contents');
7
$rows = $db->fetchAll($select);
8
    foreach ($rows as $row) { $chars += mb_strlen(trim($row['text']), 'UTF-8'); }
9
    $unit = '';
10
if($chars >= 10000)     { $chars /= 10000; $unit = '万'; }
11
    else if($chars >= 1000) { $chars /= 1000;  $unit = '千'; }
12
$out = sprintf('%.2lf %s',$chars, $unit);
13
    return $out;
14
}
15
?>

1
<!-- 时间倒计时代码开始 -->
2
<section id="blog_info" class="widget widget_categories wrapper-md clear">
3
<h5 class="widget-title m-t-none text-md"><?php _me("时间流逝") ?></h5>
4
<div class="sidebar sidebar-count">
5
<div class="content">
6
<div class="item" id="dayProgress">
7
<div class="title">今日已经过去<span></span>小时</div>
8
<div class="progress">
9
<div class="progress-bar">
10
<div class="progress-inner progress-inner-1"></div>
11
</div>
12
<div class="progress-percentage"></div>
13
</div>
14
</div>
15
<div class="item" id="weekProgress">
16
<div class="title">这周已经过去<span></span>天</div>
17
<div class="progress">
18
<div class="progress-bar">
19
<div class="progress-inner progress-inner-2"></div>
20
</div>
21
<div class="progress-percentage"></div>
22
</div>
23
</div>
24
<div class="item" id="monthProgress">
25
<div class="title">本月已经过去<span></span>天</div>
26
<div class="progress">
27
<div class="progress-bar">
28
<div class="progress-inner progress-inner-3"></div>
29
</div>
30
<div class="progress-percentage"></div>
31
</div>
32
</div>
33
<div class="item" id="yearProgress">
34
<div class="title">今年已经过去<span></span>个月</div>
35
<div class="progress">
36
<div class="progress-bar">
37
<div class="progress-inner progress-inner-4"></div>
38
</div>
39
<div class="progress-percentage"></div>
40
</div>
41
</div>
42
</div>
43
</div>
44
</section>
45
<!-- 时间倒计时代码结束 -->

1
/* 时间流逝 */
2
.sidebar-count .content {
3
padding: 15px
4
}
5

6
.sidebar-count .content .item {
7
margin-bottom: 15px
8
}
9

10
.sidebar-count .content .item:last-child {
11
margin-bottom: 0
12
}
13

14
.sidebar-count .content .item .title {
15
font-size: 12px;
16
color: var(--minor);
17
margin-bottom: 5px;
18
display: flex;
19
align-items: center
20
}
21

22
.sidebar-count .content .item .title span {
23
color: var(--theme);
24
font-weight: 500;
25
font-size: 14px;
26
margin: 0 5px
27
}
28

29
.sidebar-count .content .item .progress {
30
display: flex;
31
align-items: center
32
}
33

34
.sidebar-count .content .item .progress .progress-bar {
35
height: 10px;
36
border-radius: 5px;
37
overflow: hidden;
38
background: var(--classC);
39
width: 0;
40
min-width: 0;
41
flex: 1;
42
margin-right: 5px
43
}
44
@keyframes progress {
45
0% {
46
background-position: 0 0
47
}
48

49
    100% {
50
        background-position: 30px 0
51
    }
52

53
}
54
.sidebar-count .content .item .progress .progress-bar .progress-inner {
55
width: 0;
56
height: 100%;
57
border-radius: 5px;
58
transition: width 0.35s;
59
-webkit-animation: progress 750ms linear infinite;
60
animation: progress 750ms linear infinite
61
}
62

63
.sidebar-count .content .item .progress .progress-bar .progress-inner-1 {
64
background: #bde6ff;
65
background-image: linear-gradient(135deg, #50bfff 25%, transparent 25%, transparent 50%, #50bfff 50%, #50bfff 75%, transparent 75%, transparent 100%);
66
background-size: 30px 30px
67
}
68

69
.sidebar-count .content .item .progress .progress-bar .progress-inner-2 {
70
background: #ffd980;
71
background-image: linear-gradient(135deg, #f7ba2a 25%, transparent 25%, transparent 50%, #f7ba2a 50%, #f7ba2a 75%, transparent 75%, transparent 100%);
72
background-size: 30px 30px
73
}
74

75
.sidebar-count .content .item .progress .progress-bar .progress-inner-3 {
76
background: #ffa9a9;
77
background-image: linear-gradient(135deg, #ff4949 25%, transparent 25%, transparent 50%, #ff4949 50%, #ff4949 75%, transparent 75%, transparent 100%);
78
background-size: 30px 30px
79
}
80

81
.sidebar-count .content .item .progress .progress-bar .progress-inner-4 {
82
background: #67c23a;
83
background-image: linear-gradient(135deg, #4f9e28 25%, transparent 25%, transparent 50%, #4f9e28 50%, #4f9e28 75%, transparent 75%, transparent 100%);
84
background-size: 30px 30px
85
}
86

87
.sidebar-count .content .item .progress .progress-percentage {
88
color: var(--info)
89
}

1
function init_life_time() {
2
function getAsideLifeTime() {
3
/* 当前时间戳 */
4
let nowDate = +new Date();
5
/* 今天开始时间戳 */
6
let todayStartDate = new Date(new Date().toLocaleDateString()).getTime();
7
/* 今天已经过去的时间 */
8
let todayPassHours = (nowDate - todayStartDate) / 1000 / 60 / 60;
9
/* 今天已经过去的时间比 */
10
let todayPassHoursPercent = (todayPassHours / 24) * 100;
11
$('#dayProgress .title span').html(parseInt(todayPassHours));
12
$('#dayProgress .progress .progress-inner').css('width', parseInt(todayPassHoursPercent) + '%');
13
$('#dayProgress .progress .progress-percentage').html(parseInt(todayPassHoursPercent) + '%');
14
/* 当前周几 */
15
let weeks = {
16
0: 7,
17
1: 1,
18
2: 2,
19
3: 3,
20
4: 4,
21
5: 5,
22
6: 6
23
};
24
let weekDay = weeks[new Date().getDay()];
25
let weekDayPassPercent = (weekDay / 7) * 100;
26
$('#weekProgress .title span').html(weekDay);
27
$('#weekProgress .progress .progress-inner').css('width', parseInt(weekDayPassPercent) + '%');
28
$('#weekProgress .progress .progress-percentage').html(parseInt(weekDayPassPercent) + '%');
29
let year = new Date().getFullYear();
30
let date = new Date().getDate();
31
let month = new Date().getMonth() + 1;
32
let monthAll = new Date(year, month, 0).getDate();
33
let monthPassPercent = (date / monthAll) * 100;
34
$('#monthProgress .title span').html(date);
35
$('#monthProgress .progress .progress-inner').css('width', parseInt(monthPassPercent) + '%');
36
$('#monthProgress .progress .progress-percentage').html(parseInt(monthPassPercent) + '%');
37
let yearPass = (month / 12) * 100;
38
$('#yearProgress .title span').html(month);
39
$('#yearProgress .progress .progress-inner').css('width', parseInt(yearPass) + '%');
40
$('#yearProgress .progress .progress-percentage').html(parseInt(yearPass) + '%');
41
}
42
getAsideLifeTime();
43
setInterval(() => {
44
getAsideLifeTime();
45
}, 1000);
46
}
47
init_life_time()