伴随着假期最后一次闹钟的响起,意味着本次历时 19 天的暑假到此结束了,迎面而来的是高三的挑战。
今天一早我就去了学校看分班情况,6 班,还是普通班,所幸教室位置不错,对这次分班还是较为满意的。没有很多老同学和我同班,意味着我能认识更多的新朋友,这也是挺好的。接下来就是努力备战的一年了。
话题跑偏了,这是一篇技术博文,主要是想在博客弄个倒计时的组件,于是就有了以下代码:
html 代码:<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 行(不同版本可能行数不一样):
php 代码:<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 份,算下来也刚好是一年。如果网站没有什么故障的话,应该是能安稳地运行到我考完试,所以,我可以放手了。
很喜欢电视剧《归去来》里面的一句话:
归去来兮,田园将芜,胡不归
然后我也学着它给自己写了一句:
前路远兮,往后余生,何不追
在未来的三百多天里,可能我会失联了,就这样吧,我该去学校了,再见。