基于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>扫一扫，手机访问
声明：本文由【达扬网络】编辑上传发布，转载此文章须经作者同意，并请附上出处【达扬网络】及本页链接。如内容、图片有任何版权问题，请联系我们进行处理。
下一篇：没有了
相关内容
评头论足
现在，非常期待与您的一次邂逅
青海达扬网络传媒有限责任公司努力让每一次邂逅总能超越期待!
嘿，我来帮您！