iKxin

最后一篇技术博文高考倒计时
正文伴随着假期最后一次闹钟的响起,意味着本次历时19天的暑假到此结束了,迎面而来的是高三的挑战,今天一早我就去了学...
扫描右侧二维码阅读全文
31
2018/07

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

正文

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

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

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

然后我也学着它给自己写了一句

前路远兮,往后余生,何不追

在未来的三百多天里,可能我会失联了,就这样吧,我该去学校了,再见

最后修改:2019 年 06 月 27 日 02 : 29 PM
如果觉得我的文章写得不错,请赏我一杯咖啡

发表评论