倒计时小练-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的主要内容,如果未能解决你的问题,请参考以下文章
JUC并发编程 共享模式之工具 JUC CountdownLatch(倒计时锁) -- CountdownLatch应用(等待多个线程准备完毕( 可以覆盖上次的打印内)等待多个远程调用结束)(代码片段