jquery实现倒计时

最新推荐文章于 2024-04-11 15:41:01 发布

飞翔的荷兰人

最新推荐文章于 2024-04-11 15:41:01 发布

阅读量652

点赞数

分类专栏： js学习文章标签： jquery

本文链接：https://blog.csdn.net/hjt321658/article/details/17605291

版权

js学习专栏收录该内容

11 篇文章 1 订阅

订阅专栏

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<meta name="keywords" content="">
<meta name="description" content="">
<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
</head>
<body>
<dl class="mianyou" endtime="1388736000" nowtime="1387478834">
<dt>
<div class="time_num1 clearfix">
<p class="youtime"></p>
</div>
</dd>
 </dl>
</body>
</html>
<script type="text/javascript">
var updEndNowTime =parseInt($.trim($(".mianyou").attr("nowtime"))+"000");

function updateEndTime()
{
var time = updEndNowTime;
$(".youtime").each(function(){
var endTime =parseInt($.trim($(this).parent().parent().parent().attr('endtime'))+"000");
var lag = (endTime - time) / 1000;

if(lag > 0)
{
var second = Math.floor(lag % 60);     
var minite = Math.floor((lag / 60) % 60);
var hour = Math.floor((lag / 3600) % 24);
var day = Math.floor((lag / 3600) / 24);

var timeHtml = "";
if(day > 0)
timeHtml ="<i></i><span>"+day+"</span>天"+"<span>"+hour+"</span>小时<span>"+minite+"</span>分";
else
timeHtml = "<i></i><span>"+hour+"</span>小时<span>"+minite+"</span>分";

timeHtml +=second+"秒";

$(this).html(timeHtml);
}
else
$(this).html("<i></i><span>已经结束</span>");
 });

 	updEndNowTime +=1000;

setTimeout("updateEndTime()",1000);
}

updateEndTime();
</script>

飞翔的荷兰人

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery实现倒计时

var updEndNowTime =parseInt($.trim($(".mianyou").attr("nowtime"))+"000");function updateEndTime(){var time = updEndNowTime;$(".youtime").each(function(){var endTime =parseInt($.trim($(this).pare
复制链接

扫一扫

专栏目录