MENU

添加倒计时

March 26, 2021 • Read: 35 • 默认分类

之前有过网站正计时,现在有了倒计时。这次的倒计时是从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) 》许可协议授权。

Last Modified: April 2, 2021
Archives Tip
QR Code for this page
Tipping QR Code
Leave a Comment

3 Comments
  1. jellyw jellyw

    偷走@(吐舌)

    1. @jellyw很快啊@(真棒)

  2. 这个样式写得很合我心水,先收藏一波。