導航:首頁 > 編程語言 > js倒計時插件

js倒計時插件

發布時間:2024-05-22 22:19:33

A. 如何用js顯示3分鍾倒計時並輸出指定數字

functiontimeshow(){
vartime=3;//s
varstart=window.setInterval(function(){
time=time-1;
console.log(time);
document.getElementById('show').innerHTML='計時開始,'+time+'秒後跳轉!';
if(time==0){
window.clearInterval(start);
document.getElementById('show').innerHTML='計時結束';
}
},1000);
}

B. 求做一個javaSCRIPT倒計時器,能計算並顯示到某一天的剩餘時間。。。

<div class="timercon">
距離活動結束還有
<div id="timer">計算中。。。</div>
</div>
<script type="text/javascript" src="timer.js"></script><!--src 中改成你實際的地址-->
從這行以下 保存為 timer.js 放在你要放的位置,不包括這行說明 然後更新上面的 src
function TimeTo(dd){
var t = new Date(dd),//取得指定時間的總毫秒數
n = new Date().getTime(),//取得當前毫秒數
c = t - n;//得到時間差
if(c<=0){//如果差小於等於0 也就是過期或者正好過期,則推出程序
document.getElementById('timer').innerHTML ='活動已經結束';
clearInterval(window['ttt']);//清除計時器
return;//結束執行
}
var ds = 60*60*24*1000,//一天共多少毫秒
d = parseInt(c/ds),//總毫秒除以一天的毫秒 得到相差的天數
h = parseInt((c-d*ds)/(3600*1000)),//然後取完天數之後的餘下的毫秒數再除以每小時的毫秒數得到小時
m = parseInt((c - d*ds - h*3600*1000)/(60*1000)),//減去天數和小時數的毫秒數剩下的毫秒,再除以每分鍾的毫秒數,得到分鍾數
s = parseInt((c-d*ds-h*3600*1000-m*60*1000)/1000);//得到最後剩下的毫秒數除以1000 就是秒數,再剩下的毫秒自動忽略即可
document.getElementById('timer').innerHTML = '<p style="margin-top:5px;"> <b>'+d+'</b> 天 <b>'+h+'</b> 小時 <b>'+m+'</b> 分</p><p class="ss"><b>'+s+'</b> 秒</p>';
//最後這句講定義好的顯示 更新到 ID為 timer的 div中
}
(function(){
window['ttt']=setInterval(function(){
TimeTo('2011/1/1 00:00:00');//定義倒計時的結束時間,注意格式
},1000);//定義計時器,每隔1000毫秒 也就是1秒 計算並更新 div的顯示
})();
從這行以上保存為 timer.js 不包括這行說明

C. 求一個高考倒計時的js代碼,加解釋🙏

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1

-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>JS實現倒計時</title>
<scriptlanguage="javascript"type="text/javascript">
varinterval=1000;
functionShowCountDown(year,month,day,divname)
{
varnow=newDate();
varendDate=newDate(year,month-1,day);
varleftTime=endDate.getTime()-now.getTime();//剩餘毫秒
varleftsecond=parseInt(leftTime/1000);

varday1=Math.floor(leftsecond/(60*60*24));//剩餘天
varhour=Math.floor((leftsecond-day1*24*60*60)/3600);//剩餘時
varminute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60);//剩餘分
varsecond=Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60);//剩餘秒
varcc=document.getElementById(divname);
cc.innerHTML="距離高考"+year+"年"+month+"月"+day+"日還有:"+day1+"天"+hour+"小時"+minute+"分"+second

+"秒";//顯示
}
window.setInterval(function(){ShowCountDown(2017,6,7,'divdown1');},interval);
</script>
</head>
<body>
<divid="divdown1"></div>
</body>
</html>

閱讀全文

與js倒計時插件相關的資料

熱點內容
hacknet創建文件夾 瀏覽:730
什麼語言做app 瀏覽:922
應用數據哪些可清理 瀏覽:976
數據區域下移一行該怎麼辦 瀏覽:679
華為賬號用qq注冊賬號 瀏覽:327
台達plc編程完成怎麼試運行 瀏覽:412
華為b137升級包下載 瀏覽:992
美團發布數據報告去哪裡看 瀏覽:146
js的隱藏div顯示 瀏覽:637
ps教程圖片轉換為粉筆字 瀏覽:816
下載網易雲音樂最新版本 瀏覽:165
原神的數據文件指什麼 瀏覽:725
解壓找不到合適文件夾什麼意思 瀏覽:461
iphone經營類 瀏覽:138
哪裡可以看到老齡化數據 瀏覽:644
小型門戶網站有哪些 瀏覽:563
簡書網站打不開怎麼辦 瀏覽:467
關於新能源汽車有哪些外文資料庫 瀏覽:271
word公式編輯器怎麼打開 瀏覽:419
為什麼電腦上的文件傳不了去 瀏覽:919

友情鏈接