javascript实现的网页倒计时代码

所属分类: 网页特效-日期时间    2024-11-22 02:04:48

javascript实现的网页倒计时代码 ie兼容6
 查看演示  登录后下载 温馨提示
登录会员即可享受免费下载
 我要建站

javascript实现的网页倒计时代码(共1个文件)

    • index.html

使用方法

setTimeout("count_down()",1000);//设置每一秒调用一次倒计时函数

//获取容器元素 var times_container = document.getElementById("times_container");

//根据天,时,分,秒的ID找到相对应的元素

var time_day = document.getElementById("times_day");

var time_hour = document.getElementById("times_hour");

var time_minute = document.getElementById("times_minute");

var time_second = document.getElementById("second");

var time_end = new Date("2025/12/16 14:02:30");  // 设定活动结束结束时间

time_end = time_end.getTime();

//定义倒计时函数

function count_down(){

   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)   

 

    // 判断小时小于10时,前面加0进行占位

        if(int_hour < 10)

        int_hour = "0" + int_hour; 

 

// 判断分钟小于10时,前面加0进行占位     

  if(int_minute < 10)   

   int_minute = "0" + int_minute; 

 

 // 判断秒数小于10时,前面加0进行占位

       if(int_second < 10)

       int_second = "0" + int_second;      

 

// 显示倒计时效果      

time_day.innerHTML = int_day;

time_hour.innerHTML = int_hour;

time_minute.innerHTML = int_minute;

time_second.innerHTML = int_second;

setTimeout("count_down()",1000);

    }else{

//如果您想在活动结束后提示什么信息,就写在下边的单引号内

 times_container.innerHTML='对不起,活动结束,倒计时完毕!!';

      }

}

站长提示:
1. 苦力吧素材官方QQ群:950875342
2. 平台上所有素材资源,需注册登录会员方能正常下载。
3. 会员用户积极反馈网站、素材资源BUG或错误问题,每次奖励2K币
4. PHP源码类素材,如需协助安装调试,或你有二次开发需求,可联系苦力吧客服。
5. 付费素材资源,需充值后方能下载,如有任何疑问可直接联系苦力吧客服
相关资源 / 日期时间

jquery支持多种表单类型的日期选择器插件

一款功能丰富的日期选择器插件,不仅适用多种表单类型,还可以自定义回调,非常的实用。 可运用在input/select等表单元素使用,还可进行日期区间范围选取,以及设置弹出层点选特效,非常的灵活丰富。
  日期时间
 1630  0

jquery支持在线自定义日期时间的倒计时插件

一款支持设置日期时间和天数的倒计时插件,可以倒计时到指定的日期,也可以设置天数。全屏响应式设计,很实用。
  日期时间
 81234  0

jquery响应式标尺刻度时间选择器插件

一款横向标尺状时间刻度轴,可使用鼠标点选时间点,带callback回调!
  日期时间
 7899  0

jquery带星期显示的日期选择器插件

一款轻量级日期选择器插件,鼠标点击input文本框,可触发显示日期选择模块。
  日期时间
 8576  0

评论数(0) 回复有机会获得K币 用户协议

^_^ 还没有人评论,快来抢个沙发!
😀
  • 😀
  • 😊
  • 😂
  • 😍
  • 😑
  • 😷
  • 😵
  • 😛
  • 😣
  • 😱
  • 😋
  • 😎
  • 😵
  • 😕
  • 😶
  • 😚
  • 😜
  • 😭
发表评论