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

曾经终败给现在 2022-02-05 02:34 234阅读 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);
    			}

发表评论取消回复

表情：

评论列表（有 0 条评论，234人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue组件 - 实现时间倒计时效果（多数据、多个倒计时处理）

Ⅰ- 壹 - 效果展示 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly

待我称王封你为后i/ 2023年01月02日 08:25/ 0 赞/ 979 阅读

相关 ReactNative页面倒计时的一种实现思路

背景：业务部门提出了一个需求，想要在某个手机端页面加入倒计时，提醒用户处理事项，于是我快速开发了一个倒计时的功能，提测，测试完毕后就提出了问题：修改了手机系统时间，倒计时功能

朱雀/ 2022年12月25日 08:59/ 0 赞/ 155 阅读

相关 Vue页面上使用多个倒计时展示效果-实现案例

效果 ![20210630183203729.gif][] 方法 // 倒计时事件秒 const getcountDown = (value,

系统管理员/ 2022年10月11日 12:26/ 0 赞/ 261 阅读

相关一个页面多个倒计时 js

[jQuery倒计时（CountDown）小插件][jQuery_CountDown] [![jquery countdown][]][jquery countdown]

青旅半醒/ 2022年08月26日 08:13/ 0 赞/ 199 阅读

相关同一APP多个进程

默认情况下，同一个APP处于同一进程中。如果需要将某一组件（Android四大组件）放入单独的进程，可以在组件声明中，添加android:process属性。例如。

桃扇骨/ 2022年05月30日 20:15/ 0 赞/ 698 阅读

相关页面多个倒计时

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>页

末蓝、/ 2022年05月13日 11:16/ 0 赞/ 255 阅读

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

$(function() { updateEndTime(); }); var endTime = Number(Number(po

曾经终败给现在/ 2022年02月05日 02:34/ 0 赞/ 235 阅读

相关移动app定时环形倒计时

var timers1 = null; var timers2 = null; var timer_is_on = 0; // 计时

落日映苍穹つ/ 2022年02月05日 02:06/ 0 赞/ 221 阅读

相关 Android之封装倒计时页面

1 、需求多个页面需要用到显示定时器页面，页面里面时间会一秒一秒减少，页面布局如下，开了定时器，如果其它页面也打开会使用之前的页面里面显示的时间，也就是说在有效范围内，

缺乏、安全感/ 2021年09月24日 15:16/ 0 赞/ 448 阅读

相关禁止刷新页面倒计时

第一种： <SCRIPT LANGUAGE="JavaScript"> var intDiff; function gradeId(g

素颜马尾好姑娘i/ 2021年07月24日 12:03/ 0 赞/ 508 阅读