溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹如何基于JavaScript實現活動倒計時效果，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
javascript是一種動態類型、弱類型的語言，基于對象和事件驅動并具有相對安全性并廣泛用于客戶端網頁開發的腳本語言，同時也是一種廣泛用于客戶端Web開發的腳本語言。它主要用來給HTML網頁添加動態功能，現在JavaScript也可被用于網絡服務器，如Node.js。
具體內容如下
<!DOCTYPE html>
<html>
<head>
<title>countDown</title>
<style type="text/css">
#mydiv{
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 div=document.getElementById("mydiv");
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){
div.innerHTML="活動結束！";
}else{
div.innerHTML="距離活動時間還剩："+day+"天"+hour+"小時"+minute+"分"+second+"秒";
}
}
setInterval("countDown()",1000);
</script>
</head>
<body>
<div id="mydiv">倒計時</div>
</body>
</html>以上是“如何基于JavaScript實現活動倒計時效果”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
