Javascript倒计时支持自定义样式

最新推荐文章于 2025-11-27 12:57:01 发布

原创最新推荐文章于 2025-11-27 12:57:01 发布 · 143 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

技术杂绘专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现倒计时功能的方法。通过设置特定日期的时间戳，脚本能够实时更新显示剩余的年、月、日、时、分、秒。适用于网站活动倒计时等场景。

　　在上个版本改进的，这样控制样式更加灵活。
　　JS脚本： 0) { } else { hour = 0; } if (day1 0) { document.getElementById("daoYear").innerHTML = year + "年"; document.getElementById("daoMonth").innerHTML = month + "月"; document.getElementById("daoDay").innerHTML = day + "日"; document.getElementById("daoji_s").innerHTML = hour + "时"; document.getElementById("daoji_f").innerHTML = minute + "分"; document.getElementById("daoji_m").innerHTML = second + "秒"; } else { document.getElementById("daoYear").innerHTML = "0000" + "年"; document.getElementById("daoMonth").innerHTML = "00" + "月"; document.getElementById("daoDay").innerHTML = "00" + "日"; document.getElementById("daoji_s").innerHTML = "00" + "时"; document.getElementById("daoji_f").innerHTML = "00" + "分"; document.getElementById("daoji_m").innerHTML = "00" + "秒"; } } //showCountDown(年、月、日，Div ID) window.setInterval(function () { ShowCountDown(2010, 08, 13, 'showData'); }, interval); // --> Html: 还有： 0000 00 00 00 00 00