基于JavaScript實(shí)現(xiàn)活動倒計時效果
更新時間：2017年04月20日 08:35:42 作者：fetch_and_update
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)活動倒計時效果，距離活動時間還剩多少，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了js倒計時效果的具體代碼，供大家參考，具體內(nèi)容如下
<!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">
<!-- 秒數(shù)可修改-->
var second=50;
<!-- 分鐘可修改-->
var minute=1;
<!-- 小時可修改-->
var hour=1;
<!-- 天數(shù)可修改-->
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="活動結(jié)束！";
}else{
div.innerHTML="距離活動時間還剩："+day+"天"+hour+"小時"+minute+"分"+second+"秒";
}
}
setInterval("countDown()",1000);
</script>
</head>
<body>
<div id="mydiv">倒計時</div>
</body>
</html>
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了javascript禁用Tab鍵的腳本實(shí)例，很實(shí)用，大家參考使用吧2013-11-11
漂亮的widgets，支持換膚和后期開發(fā)新皮膚（2007-4-27已更新1.7alpha）
漂亮的widgets，支持換膚和后期開發(fā)新皮膚（2007-4-27已更新1.7alpha）...2007-04-04
這篇文章主要為大家詳細(xì)介紹了JS輪播圖的具體實(shí)現(xiàn)方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
這篇文章主要介紹了如何使用 JavaScript創(chuàng)建待辦事項列表HTML的完整信息和教程，文中但是示例代碼講解詳細(xì)，感興趣的同學(xué)可以動手試一試2022-01-01
今天希望實(shí)現(xiàn)一個，直接在網(wǎng)頁上選中文本，點(diǎn)擊收藏夾的鏈接（javascript）即可彈出新窗口（類似“百度搜藏”和“QQ書簽”），新窗口中的文本框即顯示了選中的文本。2009-02-02
JavaScript是一種在Web開發(fā)中經(jīng)常使用的前端動態(tài)腳本技術(shù)。在JavaScript中，有一個很重要的安全性限制，被稱為“Same-Origin Policy”（同源策略）2014-04-04
用html+css+js實(shí)現(xiàn)的一個簡單的圖片切換特效
這篇文章主要介紹了用html+css+js實(shí)現(xiàn)的一個簡單的圖片切換特效,需要的朋友可以參考下2014-05-05
JavaScript插入動態(tài)樣式實(shí)現(xiàn)代碼
能夠把CSS樣式包含到HTML頁面中的元素有兩個。其中，<link>元素用于包含來自外部的文件，而<style>元素用于指定嵌入的樣式2012-02-02
關(guān)于排序算法的問題可以在網(wǎng)上搜到一大堆，但是純 JS 版比較零散，之前面試的時候特意整理了一遍，附帶排序效率比較2018-04-04
JS中如何實(shí)現(xiàn)Laravel的route函數(shù)詳解
這篇文章主要給大家介紹了JS中是如何實(shí)現(xiàn)Laravel的route函數(shù)，文中通過示例代碼介紹的很詳細(xì)，相信對大家具有一定的參考價值，有需要的朋友們下面來一起看看吧。2017-02-02