第一个代码：简单的单页倒计时模板代码：
代码如下：（可以复制黏贴以下代码到网站直接生成上面的结果）：
代码如下：
<div class="gn_box">
<h1><center><font color=#E80017>2</font><font color=#D1002E>0</font><font color=#BA0045>2
</font><font color=#A3005C>0</font><font
color=#8C0073>年</font><font color=#75008A>-</font><font color=#5E00A1>新</font><font
color=#4700B8>年</font><font color=#3000CF>倒</font><font color=#1900E6>
计</font><font color=#0200FD>时</font>
</center></h1>
<center>
<div id="CountMsg" class="HotDate">
<span id="t_d">157 天</span>
<span id="t_h">9 时</span>
<span id="t_m">7 分</span>
<span id="t_s">42 秒</span>
</div>
</center>
<script type="text/javascript"> function getRTime() {
var EndTime = new Date('2020/01/25 00:00: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);
document.getElementById("t_d").innerHTML = d + " 天";
document.getElementById("t_h").innerHTML = h + " 时";
document.getElementById("t_m").innerHTML = m + " 分";
document.getElementById("t_s").innerHTML = s + " 秒";
}
setInterval(getRTime, 1000);
</script>
</div>
代码解析：
1. 首先文字部分是单个文字，新年倒计时五个字，分别修改，比如劳动节倒计时，字数不够的可以直接加入代码，
或者删除多余的，剩一个写入全文字即可，不过以上是可以修改单个颜色的代码
2.代码部分var EndTime = new Date('2020/01/25 00:00:00');这是要到达的时间，改后会自动计算到这个时间的倒计时
3.这套代码可以加入一些背景等，可以拓展性研究
转载请注明：首页 > 学习笔记 > 网站技能 ? 简单实用的倒计时网站代码
特别说明：
感谢您的支持，我会继续努力的!
扫码打赏，你说多少就多少
打开支付宝扫一扫，即可进行扫码打赏哦
资源分享不易，你的支持，将会是我继续前行的动力！！！
