高考倒计时：最后的一篇技术博文

一纸忘忧

2018 年 07 月 31 日

3162 次浏览

暂无评论

3326字数

杂乱无章

伴随着假期最后一次闹钟的响起，意味着本次历时 19 天的暑假到此结束了，迎面而来的是高三的挑战。

今天一早我就去了学校看分班情况，6 班，还是普通班，所幸教室位置不错，对这次分班还是较为满意的。没有很多老同学和我同班，意味着我能认识更多的新朋友，这也是挺好的。接下来就是努力备战的一年了。

话题跑偏了，这是一篇技术博文，主要是想在博客弄个倒计时的组件，于是就有了以下代码：

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>高考倒计时</title>
    <script language="javascript" type="text/javascript">
        var interval = 1000;
        function ShowCountDown(year, month, day, divname) {
            var now = new Date();
            var endDate = new Date(year, month - 1, day);
            var leftTime = endDate.getTime() - now.getTime(); // 剩余毫秒
            var leftsecond = parseInt(leftTime / 1000);
            var day1 = Math.floor(leftsecond / (60 * 60 * 24)); // 剩余天
            var hour = Math.floor((leftsecond - day1 * 24 * 60 * 60) / 3600); // 剩余时
            var minute = Math.floor((leftsecond - day1 * 24 * 60 * 60 - hour * 3600) / 60); // 剩余分
            var second = Math.floor(leftsecond - day1 * 24 * 60 * 60 - hour * 3600 - minute * 60); // 剩余秒
            var cc = document.getElementById(divname);
            cc.innerHTML = "距离高考" + year + "年" + month + "月" + day + "日还有：" + day1 + "天" + hour + "小时" + minute + "分" + second + "秒"; // 显示
        }
        window.setInterval(function() {
            ShowCountDown(2019, 6, 7, 'gaokao1');
        }, interval);
    </script>
</head>
<body>
    <div id="gaokao1"></div>
</body>
</html>

其中 ShowCountDown(2019, 6, 7, 'gaokao1'); 就是要计时的终点（也就是这届高三学子打响第一枪的开始）。

至于怎么集成到本博客所用的 Handsome 主题呢？

打开 /usr/themes/handsome/component/sidebar.php 文件。

注释掉第 98 行（不同版本可能行数不一样）：

<h3 class="widget-title m-t-none text-md"><?php _me("广告") ?></h3>

反正就是找到以上这一行注释掉。

然后就是在 设置外观 里面的 全局右侧边栏广告位 输入以下 HTML：

<div class="panel b-a">
    <h4 class="font-thin padder">
        高考倒计时
    </h4>
    <ul class="list-group">
        <li class="list-group-item">
            <script language="javascript" type="text/javascript">
                function ShowCountDown(year, month, day, divname) {
                    var now = new Date();
                    var endDate = new Date(year, month - 1, day);
                    var leftTime = endDate.getTime() - now.getTime(); // 剩余毫秒
                    var leftsecond = parseInt(leftTime / 1000);
                    var day1 = Math.floor(leftsecond / (60 * 60 * 24)); // 剩余天
                    var hour = Math.floor((leftsecond - day1 * 24 * 60 * 60) / 3600); // 剩余时
                    var minute = Math.floor((leftsecond - day1 * 24 * 60 * 60 - hour * 3600) / 60); // 剩余分
                    var second = Math.floor(leftsecond - day1 * 24 * 60 * 60 - hour * 3600 - minute * 60); // 剩余秒
                    var cc = document.getElementById(divname);
                    cc.innerHTML = "距离高考" + year + "年" + month + "月" + day + "日还有：" + day1 + "天" + hour + "小时" + minute + "分" + second + "秒"; // 显示
                }
                window.setInterval(function() {
                    ShowCountDown(2019, 6, 7, 'gaokao1');
                }, interval);
            </script>
            <div id="gaokao1"></div>
        </li>
    </ul>
</div>

大功告成，具体效果看本博客右侧边栏即可。

题外话

这是 2019.06.09 之前的最后一篇技术博文。从一个小时后开始，我的笔记本电脑就要锁进柜子了。在未来的 310 天里，我将努力克制自己不去接触学习之外的东西，可能会偶尔写一下心情，但也会很少了。网络这东西，暂时不去想了...

等我回来吧，当右边的倒计时变成 -2天 的时候，说明我已经结束了长达三百多天的特训。不管到时候考得好不好，总是要付出了努力，才不会去后悔莫及。不管未来何去何从，也要对得起自己踏出的每一步，即使可能会留下些许遗憾，但那不也是自己的经历吗？

就在几天前，将所有的网站都搬家到 DigitalOcean 了，充值 10 刀加上 GitHub 送的 50 刀，使用月付 5 刀的服务器刚好能用一年，能撑到高考结束之后了。服务器设置了每月一次的自动快照备份，另外也在宝塔的计划任务设置了三天一次的全站备份到阿里云 OSS，保留 120 份，算下来也刚好是一年。如果网站没有什么故障的话，应该是能安稳地运行到我考完试，所以，我可以放手了。

很喜欢电视剧《归去来》里面的一句话：