基于Jquery框架的时间正计时和倒计时代码分享_学习分享_新闻中心

基于Jquery框架的时间正计时和倒计时代码分享

发布时间：2024-07-03 作者：管理员来源：本站浏览量（1）点赞（1）点踩（0）评论（0）收藏（0）

摘要：正计时代码：<!DOCTYPE html> 天数计时器 var time=Date.parse(new Date());var lasttime=Date.parse("2024-03-01");var day=parseInt((time-lasttime)/(1000*60*60*24));$('#...

正计时代码：

<!DOCTYPE html>
<html>
<head>
  <title>天数计时器</title>
<script src="jquery.min.js"></script>
 
</head>
<body>
  <div id="countdown">
    <span id="statistics"></span>
  </div>
 
  <script>
var time=Date.parse(new Date());
var lasttime=Date.parse("2024-03-01");
var day=parseInt((time-lasttime)/(1000*60*60*24));
$('#statistics').html('（开始统计于 03-01 | 已稳定运行'+day+'天）');
  </script>
</body>
</html>

倒计时代码：

<!DOCTYPE html>
<html>
<head>
  <title>天数计时器</title>
<script src="jquery.min.js"></script>
 
</head>
<body>
  <div id="countdown">
    <span id="days"></span> 天
  </div>
 
  <script>
    // 获取当前日期和目标日期
    var currentDate = new Date();
    var targetDate = new Date("2024-04-01");
 
    // 计算天数差
    var timeDiff = targetDate.getTime() - currentDate.getTime();
    var daysDiff = Math.ceil(timeDiff / (1000 * 3600 * 24));
 
    // 显示剩余天数
    $("#days").text(daysDiff);
  </script>
</body>
</html>