倒计时

Posted .smile

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了倒计时相关的知识,希望对你有一定的参考价值。

 1     var aInp = document.getElementsByTagName(‘input‘);
 2     var iNow = null;
 3     var iNew = null;
 4     var t = 0;
 5     var str = ‘‘;
 6     var timer = null;
 7     
 8     aInp[2].onclick = function () {
 9         iNew = new Date(aInp[0].value);
10         clearInterval( timer );
11         
12         timer = setInterval (function (){
13             
14             iNow = new Date();
15             t = Math.floor( ( iNew - iNow ) / 1000 );
16             
17             if ( t >= 0 ) {
18                 
19                 str = Math.floor(t/86400)+‘天‘+Math.floor(t%86400/3600)+‘时‘+Math.floor(t%86400%3600/60)+‘分‘+t%60+‘秒‘;
20             
21                 aInp[1].value = str;
22                 
23             } else {
24                 
25                 clearInterval( timer );
26                 
27             }
28         
29         }, 1000);
30     };

 

以上是关于倒计时的主要内容,如果未能解决你的问题,请参考以下文章

如何在使用片段和计时器的选项卡式活动上更新 UI

如何实现React原生倒计时圈

自动刷新android片段,直到满足条件

如果用户没有使用浏览器,则jQuery计时器停止

颤振计时器仅更新秒小部件

#yyds干货盘点#愚公系列2023年02月 .NET/C#知识点-程序运行计时的总结