一个网站倒计时代码

  • 内容
  • 相关
代码:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>商品抢购倒计时效果</title>
<style>
#demo {
  text-align: center;
  color: red;
}
</style>
<script type="text/javascript">
window.onload = function() {
  var demo = document.getElementById("demo");
  var outTime = new Date("2999/5/6 12:00:00");
  setInterval(fun, 1000);
  function fun() {
    var newTime = new Date();
    var ms = parseInt((outTime.getTime() - newTime.getTime()) / 1000);
    var d = parseInt(ms / 3600 / 24); //
    var h = parseInt(ms / 3600 % 24);
    var m = parseInt(ms / 60 % 60);
    var s = parseInt(ms % 60);
    d < 10 ? "d" + 0 : d;
    h < 10 ? "h" + 0 : h;
    m < 10 ? "m" + 0 : m;
    s < 10 ? "s" + 0 : s;
    demo.innerHTML = "距离抢购时间还有" + d + "天" + h + "时" + m + "分" + s + "秒";
  }
}
</script>
</head>
<body>
<div id="demo">
</div>
</body>
</html>

本文标签:

收录状态:百度-[百度已收录]360-[360未收录]搜狗-[搜狗未收录]

版权声明:若无特殊注明,本文皆为《曹杰峰》原创,转载请保留文章出处。

本文链接:一个网站倒计时代码 - https://www.caojiefeng.com/wzdm/97.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

评论

2条评论
  1. avatar

    不留名 Lv.2 Chrome 55.0.2883.87 Chrome 55.0.2883.87 Windows Windows 回复

    过来学习学习完整,前几天看了还没换主题的

    广东省 移动

    1. 曹杰峰 Chrome 63.0.3239.132 Chrome 63.0.3239.132 Windows Windows 回复

      回复了不留名:已经换回来了,刚刚在测试!

      浙江省杭州市 电信

00:00 / 00:00
顺序播放