JS实现30分钟倒计时

最新推荐文章于 2022-07-13 15:01:24 发布

原创最新推荐文章于 2022-07-13 15:01:24 发布 · 2k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端

这段代码展示了如何使用JavaScript创建一个倒计时功能，该功能在倒计时结束后会自动刷新页面。函数`resetTime`接收秒数作为参数，然后通过`setInterval`设置定时器进行倒计时。当倒计时结束时，会清除定时器并更新页面内容。

			//倒计时start     需要传入的参数为秒数，此方法倒计时结束后会自动刷新页面
			resetTime(1800); 
			function resetTime(timeStamp){
			    var timer=null;
			    var t=timeStamp;
			    var m=0;
			    var s=0;
			    m=Math.floor(t/60%60);
			    m<10&&(m='0'+m);
			    s=Math.floor(t%60);	
		        //开启定时任务
		        timer=setInterval(countDown,1000);
			    function countDown(){
			        s--;
			        s<10&&(s='0'+s);
			        if(s.length>=3){
			            s=59;
			            m=(Number(m)-1);
			            m<10&&(m='0'+m);
			        }
			        if(m.length>=3){
			            m='00';
			            s='00';
			            //倒计时结束,关闭定时任务。
			            clearInterval(timer);
			        }			     
			        $("#Pk10Time").html(m+"分"+s+"秒");
			        if(m==0 && s==0){
			            //倒计时结束
			          
			        }
			    }			  
			}