为handsome博客添加侧边栏倒计时

博主：小屁
发布时间：2022 年 01 月 26 日
6252 次浏览
24 条评论
1611字数
分类： Typecho

## 侧边栏显示倒计时

代码`/usr/themes/handsome/component/sitebar.php`
大约第26行位置添加

```php
<style>  .gn_box{     border: none;     border-radius: 10px; }  .gn_box {     padding: 8px 10px;     margin: 8px;     margin-bottom: 15px;     text-align: center;     background-color: ; }  #t_d{     color: grey;     font-size: 18px; }  #t_h{     color: grey;     font-size: 18px; }  #t_m{     color: grey;     font-size: 18px; }  #t_s{     color: grey;     font-size: 18px; }  </style>  <div class="gn_box">      <h3>距2023年高考还有</h3><center> <div id="CountMsg" class="HotDate"><span id="t_d"> 天</span><span id="t_h"> 时</span><span id="t_m"> 分</span><span id="t_s"> 秒</span></div></center> <script type="text/javascript">  function getRTime() {        var EndTime = new Date('2023/06/7 00:09:00');       var NowTime = new Date();       var t = EndTime.getTime() - NowTime.getTime();              var d = Math.floor(t / 1000 / 60 / 60 / 24);              var h = Math.floor(t / 1000 / 60 / 60 % 24);              var m = Math.floor(t / 1000 / 60 % 60);              var s = Math.floor(t / 1000 % 60);      var day = document.getElementById("t_d");     if (day != null) {         day.innerHTML = d + " 天";        }     var hour = document.getElementById("t_h");     if (hour != null) {         hour.innerHTML = h + " 时";       }     var min = document.getElementById("t_m");     if (min != null) {         min.innerHTML = m + " 分";        }     var sec = document.getElementById("t_s");     if (sec != null) {         sec.innerHTML = s + " 秒";     } }      setInterval(getRTime, 1000);      </script> </div></img>
```

在主题设置-开发者设置-自定义输出body 尾部的HTML代码
下载js文件：
[https://cos.xpblog.cn/cos-for-xpbloger/handsome8.3.0Pro/assets/js/timeinfo.js](https://cos.xpblog.cn/cos-for-xpbloger/handsome8.3.0Pro/assets/js/timeinfo.js)

<div class="hideContent">此处内容需要评论回复后（审核通过）方可阅读。</div>

最后修改：2023 年 07 月 04 日