jQuery倒计时代码(超简单)

最新推荐文章于 2025-06-17 09:38:25 发布

weixin_33716941

最新推荐文章于 2025-06-17 09:38:25 发布

阅读量556

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 数据库 ViewUI

原文链接：http://www.cnblogs.com/snowhite/p/7363587.html

本文介绍了一个简单的HTML页面，该页面使用JavaScript实现了从指定日期开始的倒计时功能。通过不断更新页面上的时间显示，可以直观地看到剩余的时间。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  <span class="timespan"></span>
<script src="libs/jquery-1.11.3.js"></script>
<script>
  var starttime = new Date("2017/11/20");
  setInterval(function () {
    var nowtime = new Date();
    var time = starttime - nowtime;
    var day = parseInt(time / 1000 / 60 / 60 / 24);
    var hour = parseInt(time / 1000 / 60 / 60 % 24);
    var minute = parseInt(time / 1000 / 60 % 60);
    var seconds = parseInt(time / 1000 % 60);
    $('.timespan').html(day + "天" + hour + "小时" + minute + "分钟" + seconds + "秒");
  }, 1000);
</script>
</body>
</html>