倒计时原理

Posted 喵小娇

tags:

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

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 5 <title>无标题文档</title>
 6  
 7 <script>
 8 // 现在的时间点(在变)
 9 // 未来的时间点(不变)
10 var iNow = new Date();
11 var iNew = new Date( November 27,2013 22:3:0 );
12 var t = Math.floor((iNew - iNow)/1000);// 毫秒 -13 
14 var str = Math.floor(t/86400)+‘天‘+Math.floor(t%86400/3600)++Math.floor(t%86400%3600/60)+‘分‘+t%60+‘秒‘;
15  
16 alert( str );
17 
18 
19 
20 
21  //时间转换公式:
22 // 天:Math.floor(t/86400)
23 // 时:Math.floor(t%86400/3600)
24 // 分:Math.floor(t%86400%3600/60)
25 // 秒:t%60
26  
27 //date对象参数:
28 // 数字形式:new Date( 2013,4,1,9,48,12 );
29 // 字符串形式:new Date(‘June 10,2013 12:12:12‘);
30 
31 //月份取值:
32 // January、February、March、April、May、June、
33 // July、August、September、October、November、December
34 
35 //时间戳:getTime();
36 </script>
37  
38 </head>
39  
40 <body>
41 </body>
42 </html>

 

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

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

如何实现React原生倒计时圈

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

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

JUC并发编程 共享模式之工具 JUC CountdownLatch(倒计时锁) -- CountdownLatch(使用CountdownLatch原理改进: 配合线程池使用)

一起Talk Android吧(第三百八十九回:介绍两种实现倒计时的方法)