JavaScript實現活動倒計時效果的代碼分享

來源：懂視網責編：小OO 時間：2020-11-27 20:23:02

JavaScript實現活動倒計時效果的代碼分享

本文實例為大家分享了js倒計時效果的具體代碼，供大家參考，具體內容如下：<。DOCTYPE html>；<；html>；<；head>；<；title>；countDown<；/title>；<；style type="；text/css"；>；#myp{width：150px；background-color：green；margin：0 auto；padding：0 auto；color：pink；}<；/style>；<；script type="；text/javascript"；>；<。-- 秒數可修改-->；var second=50；<；

推薦度：

點擊下載本文 文檔為doc格式

導讀本文實例為大家分享了js倒計時效果的具體代碼，供大家參考，具體內容如下：<。DOCTYPE html>；<；html>；<；head>；<；title>；countDown<；/title>；<；style type="；text/css"；>；#myp{width：150px；background-color：green；margin：0 auto；padding：0 auto；color：pink；}<；/style>；<；script type="；text/javascript"；>；<。-- 秒數可修改-->；var second=50；<；

這篇文章主要為大家詳細介紹了基于JavaScript實現活動倒計時效果，距離活動時間還剩多少，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文實例為大家分享了js倒計時效果的具體代碼，供大家參考，具體內容如下

<!DOCTYPE html> 
<html> 
 <head> 
 <title>countDown</title> 
 <style type="text/css"> 
 #myp{ 
 width:150px; 
 background-color:green; 
 margin:0 auto; 
 padding:0 auto; 
 color:pink; 
 } 
 </style> 
 <script type="text/javascript"> 
 <!-- 秒數可修改--> 
 var second=50; 
 <!-- 分鐘可修改--> 
 var minute=1; 
 <!-- 小時可修改--> 
 var hour=1; 
 <!-- 天數可修改--> 
 var day=1; 
 var flag=false; 
 function countDown(){ 
 var p=document.getElementById("myp"); 
 second-=1; 
 if(second==0){ 
 minute=minute-1; 
 second=60; 
 if(minute<0){ 
 hour=hour-1; 
 minute=59; 
 if(hour<0){ 
 day-=1; 
 hour=23; 
 if(day<0){ 
 flag=true; 
 } 
 } 
 } 
 } 
 if(flag){ 
 p.innerHTML="活動結束！"; 
 }else{ 
 p.innerHTML="距離活動時間還剩："+day+"天"+hour+"小時"+minute+"分"+second+"秒"; 
 } 
 } 
 setInterval("countDown()",1000); 
 </script> 
 </head> 
 <body> 
 <p id="myp">倒計時</p> 
 </body> 
</html>

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

JavaScript實現活動倒計時效果的代碼分享

推薦度：

點擊下載本文 文檔為doc格式

標簽：分享實現 js

熱門焦點

JavaScript實現活動倒計時效果的代碼分享

JavaScript實現活動倒計時效果的代碼分享

JavaScript實現活動倒計時效果的代碼分享

最新推薦

猜你喜歡

熱門推薦