導航:首頁 > 編程語言 > 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倒計時插件相關的資料

熱點內容
網路中常用的傳輸介質 瀏覽:518
文件如何使用 瀏覽:322
同步推密碼找回 瀏覽:865
樂高怎麼才能用電腦編程序 瀏覽:65
本機qq文件為什麼找不到 瀏覽:264
安卓qq空間免升級 瀏覽:490
linux如何刪除模塊驅動程序 瀏覽:193
at89c51c程序 瀏覽:329
怎麼創建word大綱文件 瀏覽:622
裊裊朗誦文件生成器 瀏覽:626
1054件文件是多少gb 瀏覽:371
高州禁養區內能養豬多少頭的文件 瀏覽:927
win8ico文件 瀏覽:949
仁和數控怎麼編程 瀏覽:381
項目文件夾圖片 瀏覽:87
怎麼在東芝電視安裝app 瀏覽:954
plc顯示數字怎麼編程 瀏覽:439
如何辨別假網站 瀏覽:711
寬頻用別人的賬號密碼 瀏覽:556
新app如何佔有市場 瀏覽:42

友情鏈接