基于Jquery框架的时间正计时和倒计时代码分享
发布时间：2024-03-07 14:27:56
作者：超级管理员
来源：本站
浏览量（920）
点赞（31）
摘要：正计时代码：<!DOCTYPEhtml><html><head><title>天数计时器</title><scriptsrc="jquery.min.js"></script></head><body><divid="countdown"><s
正计时代码：
<!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>扫一扫，关注我们
声明：本文由【达扬网络】编辑上传发布，转载此文章须经作者同意，并请附上出处【达扬网络】及本页链接。如内容、图片有任何版权问题，请联系我们进行处理。
31
