限时优惠活动
亲爱的苦力吧用户,我们为了回馈新老用户一直以来的鼎力支持,即日起(2025-02-06至2025-03-06)凡是购买苦力吧VIP/充值K币的新老用户,都直接可获得买一送一的优惠馈赠。例如:购买一个月的VIP会员可直接获得两个月的VIP会员;充值100K币可直接获得200K币,以此类推!有任何疑问可联系在线客服,感谢各位用户对苦力吧素材的信任与厚爱,我们将一如既往的给大家上新更多优质的素材源码,祝大家开工大吉、工作顺利、心想事成。

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带事件提醒管理的全屏动画日历插件

一款轻量级的jquery插件,带日期事件提醒备注,月份切换带动画滑动特效。
  日期时间
 2398  0

jquery可切换月份年份的时间选择器插件

一款界面友好的时间选择器插件,类似于日历的形式展示时间列表,每个时间间隔15分钟,可让用户快速选择某个年份/日期指定的时间。
  日期时间
 3213  0

jquery支持自定义市区风格的在线模拟时钟插件

一款轻量级在线时钟插件,基于canvas画布实现,可自定义市区、风格的在线模拟时钟,集成了9种不同风格和自定义时区的模拟时钟。
  日期时间
 5157  0

jquery网页在线时分秒计时器插件

一个轻量级计时器(也称为秒表)插件,带防刷新功能,把当前操作记录到cookies中。
  日期时间
 5377  0

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

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