導航:首頁 > 網站知識 > 網站倒計時結束後如何及時刷新

網站倒計時結束後如何及時刷新

發布時間:2023-02-28 19:13:59

『壹』 javascript代碼,在頁面實現倒計時,但不隨頁面刷新而刷新。

實現倒計時很容易,關鍵是你要求刷新頁面,不能停止倒計時
1、使用iframe,嵌入頁面,父頁上執行js操作,這樣子頁面刷新後會接著顯示倒計時;
2、在後台實現,如使用java的timer類來實現倒計時,前台通過ajax獲取倒計時結果,無論前端頁面怎麼刷新,不會停止倒計時
前端的好寫,簡單寫下,僅供參考
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
</head>
<body onLoad="startCount()" onUnload="fromClose()">
<iframe id="myFrame" src="innerPage.html" height="500" width="500"></iframe>
</body>
</html>
<script>
var timer;
var count=10;
function startCount(){
timer=window.setInterval("myTimeBack()",1000);
}
function myTimeBack(){
myFrame.document.getElementById("myInput").value=count;
count=count-1;
if(count==0)
count=10;
}
function fromClose(){
clearInterval(timer);
}
</script>
//嵌入的頁面innerPage.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
</head>
<body>
<input type="text" value="" id="myInput" style="width:50">
<button onClick="refeshFrame()" style="width:80">refresh</button>
</body>
</html>
<script>
function refeshFrame(){
this.location.href=this.location.toString();
}
</script>

閱讀全文

與網站倒計時結束後如何及時刷新相關的資料

熱點內容
網路共享中心沒有網卡 瀏覽:516
電腦無法檢測到網路代理 瀏覽:1367
筆記本電腦一天會用多少流量 瀏覽:559
蘋果電腦整機轉移新機 瀏覽:1371
突然無法連接工作網路 瀏覽:1042
聯通網路怎麼設置才好 瀏覽:1216
小區網路電腦怎麼連接路由器 瀏覽:1017
p1108列印機網路共享 瀏覽:1205
怎麼調節台式電腦護眼 瀏覽:679
深圳天虹蘋果電腦 瀏覽:916
網路總是異常斷開 瀏覽:606
中級配置台式電腦 瀏覽:973
中國網路安全的戰士 瀏覽:626
同志網站在哪裡 瀏覽:1408
版觀看完整完結免費手機在線 瀏覽:1451
怎樣切換默認數據網路設置 瀏覽:1103
肯德基無線網無法訪問網路 瀏覽:1278
光纖貓怎麼連接不上網路 瀏覽:1457
神武3手游網路連接 瀏覽:959
局網列印機網路共享 瀏覽:994