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

2018 年 07 月 31 日

2712 次浏览

2947字数

正文

伴随着假期最后一次闹钟的响起，意味着本次历时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份，算下来也刚好是一年，如果网站没有什么故障的话，应该是能安稳地运行到我考完试，所以，我可以放手了。

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

归去来兮，田园将芜，胡不归