移动app同一页面执行多个倒计时

最新推荐文章于 2024-07-28 13:07:19 发布

jjy8040

最新推荐文章于 2024-07-28 13:07:19 发布

阅读量642

点赞数

分类专栏：实际使用

本文链接：https://blog.csdn.net/jjy8040/article/details/89813691

版权

实际使用专栏收录该内容

23 篇文章 0 订阅

订阅专栏

$(function() {
	updateEndTime();
});

var endTime = Number(Number(portInfoList[i].time*60000)+Number(portInfoList[i].startTime));
$('.pileNum').append('<div class="pileDetail"><p class="settime" data-id="'+i+'" endTime="'+endTime+'"></p></div>');

//补零
			function toDub(n) {
				return n < 10 ? "0" + n : "" + n;
			}
			
			//倒计时函数
			function updateEndTime() {
				var date = new Date();
				var time = date.getTime(); //当前时间距1970年1月1日之间的毫秒数
				$(".settime").each(function(i) {
					var endDate = this.getAttribute("endTime"); //结束时间字符串
					var endTime = Number(endDate);
					var lag = (endTime - time) / 1000;  //当前时间和结束时间之间的秒数
					console.log(lag)
					if(lag > 0) {
						var h = parseInt(lag / 3600)
						var m = parseInt(lag / 60 % 60);
						var s = parseInt(lag % 60);
						$(this).html(toDub(h) + ":" + toDub(m) + ":" + toDub(s));
					} else {
						$(this).removeClass("settime");
						$(this).html("00:00:00");
					}
				});
				setTimeout("updateEndTime()", 1000);
			}