之前有过网站正计时,现在有了倒计时。这次的倒计时是从Tiger_Root博客要来的,进行了简化小改。
考研倒计时
天
时
分
秒
<style>
.gn_box{ border: none;
border-radius: 15px; }
.gn_box {
padding: 10px 10px;
margin: 10px;
margin-bottom: 16px;
text-align: center;
background-color: #000; //背景颜色}
.tttt{color:#D8D0C0;//标题颜色}
.time{color: #D8D0C0; //时间文字颜色
font-size: 18px;}
</style>
<div class="gn_box">
<h3>
<font class="tttt">考研倒计时</font>
</h3>
<center>
<div id="CountMsg" class="HotDate">
<span id="t_d" class="time"> 天</span>
<span id="t_h" class="time"> 时</span>
<span id="t_m" class="time"> 分</span>
<span id="t_s" class="time"> 秒</span>
</div>
</center>
<script type="text/javascript">
function getRTime() {
var EndTime = new Date('2021/12/22 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);
var day = document.getElementById("t_d");
if (day != null) {
day.innerHTML = d + " 天";
}
var hour = document.getElementById("t_h");
if (hour != null) {
hour.innerHTML = h + " 时";
}
var min = document.getElementById("t_m");
if (min != null) {
min.innerHTML = m + " 分";
}
var sec = document.getElementById("t_s");
if (sec != null) {
sec.innerHTML = s + " 秒";
}
}
setInterval(getRTime, 1000);
</script>
</div>
若无特别声明,本文版权归听得入迷所有
标题:《添加倒计时》
链接:https://blog.tdrme.cn/97.html
作品采用 《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 》许可协议授权。
标题:《添加倒计时》
链接:https://blog.tdrme.cn/97.html
作品采用 《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 》许可协议授权。
偷走@(吐舌)
很快啊@(真棒)
这个样式写得很合我心水,先收藏一波。