商品搶購倒計時的簡單實現
阿新 • • 發佈:2019-01-11
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> </head> <body> <p></p> <script type="text/javascript"> showTime(); var timer = setInterval(showTime,1000); function showTime(){ var end = Date.parse('2019/01/01'); // 獲取當前時間 var now = Date.now(); // 計算差值 var offset = Math.floor((end - now)/1000);//毫秒 if(offset <= 0){ // 清除定時器 clearInterval(timer); } var sec = offset%60; var min = Math.floor(offset/60)%60; var hour = Math.floor(offset/60/60)%24; var day = Math.floor(offset/60/60/24); sec = sec<10? '0'+sec : sec; min = min<10? '0'+min : min; hour = hour<10? '0'+hour : hour; day = day<10? '0'+day : day; document.querySelector('p').innerHTML = day + '天' + hour + '時' + min + '分' + sec + '秒'; } </script> </body> </html>