首页前端开发其他前端知识JavaScript实现天数倒计时的代码是什么

JavaScript实现天数倒计时的代码是什么

时间2024-03-28 16:32:03发布访客分类其他前端知识浏览1505
导读:在实际案例的操作过程中,我们可能会遇到“JavaScript实现天数倒计时的代码是什么”这样的问题,那么我们该如何处理和解决这样的情况呢?这篇小编就给大家总结了一些方法,具有一定的借鉴价值,希望对大家有所帮助,接下来就让小编带领大家一起了解...
在实际案例的操作过程中,我们可能会遇到“JavaScript实现天数倒计时的代码是什么”这样的问题,那么我们该如何处理和解决这样的情况呢?这篇小编就给大家总结了一些方法,具有一定的借鉴价值,希望对大家有所帮助,接下来就让小编带领大家一起了解看看吧。

HTML代码:

div id="times_wrap" class="time_num">
    
 距离结束时间:
 div class="time_w">
    
  b id="times_d" class="time">
     /b>
    天
  b id="times_h" class="time">
     /b>
    时
  b id="times_m" class="time">
     /b>
    分
  b id="times_s" class="time">
     /b>
    秒
 /div>
    
/div>
    

JavaScript代码:

script type="text/javascript">
    
setTimeout("show_time()",1000);
    
var time_wrap = document.getElementByIdx_x("times_wrap");
    
var time_d = document.getElementByIdx_x("times_d");
    
var time_h = document.getElementByIdx_x("times_h");
    
var time_m = document.getElementByIdx_x("times_m");
    
var time_s = document.getElementByIdx_x("times_s");
    

var time_end = new Date("2012/10/29 08:00:00");
     // 设定结束时间
time_end = time_end.getTime();


function show_time(){
    
 var time_now = new Date();
     // 获取当前时间
  time_now = time_now.getTime();
    
 var time_distance = time_end - time_now;
     // 结束时间减去当前时间
 var int_day, int_hour, int_minute, int_second;
    
 if(time_distance >
= 0){
    
  // 天时分秒换算
  int_day = Math.floor(time_distance/86400000)
  time_distance -= int_day * 86400000;
    
  int_hour = Math.floor(time_distance/3600000)
  time_distance -= int_hour * 3600000;
    
  int_minute = Math.floor(time_distance/60000)
  time_distance -= int_minute * 60000;
    
  int_second = Math.floor(time_distance/1000)
 
  // 时分秒为单数时、前面加零站位
  if(int_hour  10)
  int_hour = "0" + int_hour;
    
  if(int_minute  10)
  int_minute = "0" + int_minute;
    
  if(int_second  10)
  int_second = "0" + int_second;
    
  
  // 显示时间
  time_d.innerHTML = int_day;
    
  time_h.innerHTML = int_hour;
    
  time_m.innerHTML = int_minute;
    
  time_s.innerHTML = int_second;
    
  
  setTimeout("show_time()",1000);

 }
else{
    
  time_d.innerHTML = time_d.innerHTML;
    
  time_h.innerHTML = time_h.innerHTML;
    
  time_m.innerHTML = time_m.innerHTML;
    
  time_s.innerHTML = time_s.innerHTML;

 
  // clearTimeout(timerID)
 }

}
    ;
    
/script>
    

以上就是关于“JavaScript实现天数倒计时的代码是什么”的相关知识,感谢各位的阅读,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注网络,小编每天都会为大家更新不同的知识。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

js倒计时

若转载请注明出处: JavaScript实现天数倒计时的代码是什么
本文地址: https://pptw.com/jishu/655061.html
C语言中给数组添加元素的方法是什么? C语言中怎样实现文件的开关和读写操作?

游客 回复需填写必要信息