JS倒计时实例_天时分秒

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>

以上这篇JS倒计时实例_天时分秒就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

# js倒计时天时分秒  # JS实现倒计时(天数、时、分、秒)  # 最全面的JS倒计时代码  # 简单易用的倒计时js代码  # js倒计时简单实现方法  # 给大家  # 结束时间  # 希望能  # 这篇  # 小编  # 大家多多  # 倒计时  # times_h  # times_m  # times_s  # text  # time_w  # times_d  # time  # setTimeout  # show_time  # javascript 

相关文章： 如何通过西部数码建站助手快速创建专业网站？  兔展官网 在线制作,怎样制作微信请帖？  建站之星2.7模板：企业网站建设与h5定制设计专题  如何快速重置建站主机并恢复默认配置？  网站制作难吗安全吗,做一个网站需要多久时间？  早安海报制作网站推荐大全,企业早安海报怎么每天更换？  网站制作价目表怎么做,珍爱网婚介费用多少？  阿里云网站搭建费用解析：服务器价格与建站成本优化指南  香港服务器网站推广：SEO优化与外贸独立站搭建策略  如何用好域名打造高点击率的自主建站？  如何用花生壳三步快速搭建专属网站？  武清网站制作公司,天津武清个人营业执照注销查询系统网站？  制作电商网页,电商供应链怎么做？  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱？  建站主机助手选型指南：2025年热门推荐与高效部署技巧  教学论文网站制作软件有哪些,写论文用什么软件 ？  魔毅自助建站系统：模板定制与SEO优化一键生成指南  制作网站哪家好,cc、.co、.cm哪个域名更适合做网站？  建站之星3.0如何解决常见操作问题？  如何通过.red域名打造高辨识度品牌网站？  如何用搬瓦工VPS快速搭建个人网站？  如何在IIS7中新建站点？详细步骤解析  如何安全更换建站之星模板并保留数据？  logo在线制作免费网站在线制作好吗,DW网页制作时，如何在网页标题前加上logo？  如何有效防御Web建站篡改攻击？  公司网站建设制作费用,想建设一个属于自己的企业网站，该如何去做？  如何高效利用200m空间完成建站？  家庭服务器如何搭建个人网站？  内部网站制作流程,如何建立公司内部网站？  建站之星如何实现五合一智能建站与营销推广？  建站之星安装失败：服务器环境不兼容？  如何高效配置香港服务器实现快速建站？  网站建设制作、微信公众号,公明人民医院怎么在网上预约？  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站？  天津个人网站制作公司,天津网约车驾驶员从业资格证官网？  如何选择最佳自助建站系统？快速指南解析优劣  微网站制作教程,不会写代码，不会编程，怎么样建自己的网站？  购物网站制作公司有哪些,哪个购物网站比较好？  邀请函制作网站有哪些,有没有做年会邀请函的网站啊？在线制作，模板很多的那种？  如何用腾讯建站主机快速创建免费网站？  模具网站制作流程,如何找模具客户？  建站之星免费模板：自助建站系统与智能响应式一键生成  学校免费自助建站系统：智能生成+拖拽设计+多端适配  如何在云主机快速搭建网站站点？  制作国外网站的软件,国外有哪些比较优质的网站推荐？  英语简历制作免费网站推荐,如何将简历翻译成英文？  宁波自助建站系统如何快速打造专业企业网站？  孙琪峥织梦建站教程如何优化数据库安全？  建站之星安装路径如何正确选择及配置？  c# F# 的 MailboxProcessor 和 C# 的 Actor 模型