倒计时小练-01

Posted

tags:

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

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         <input type="text"  id="input"/>
 9         <script type="text/javascript">
10             function counter()
11             {
12                 var date = new Date(); //创建一个时间对象
13                 var year = date.getFullYear();//先设置年
14                 var date2 = new Date(year,12,31,23,59,59);//再设置目标时间
15                 var time = (date2 - date)/1000;
16                 var day = Math.floor(time/(24*60*60));
17                 var hour = Math.floor(time%(24*60*60)/(60*60));
18                 var min = Math.floor(time%(24*60*60)%(60*60)/60)
19                 var ss = Math.floor(time%(24*60*60)%(60*60)%60)
20                 var str = year +"年"+ day +"天"+hour +"时"+min +"分"+ss +"妙"
21                 document.body.innerHTML= str;
22                 console.log(day);
23             }
24             window.setInterval("counter()",1000);//调用定时器

                // window.setInterval(counter,1000);//调用定时器   效果一样


25 </script> 26 </body> 27 </html>

 

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

linux面试题小练

JUC并发编程 共享模式之工具 JUC CountdownLatch(倒计时锁) -- CountdownLatch应用(等待多个线程准备完毕( 可以覆盖上次的打印内)等待多个远程调用结束)(代码片段

数据结构第一章绪论课后小练

爬虫小练

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

django小练习之主机管理界面