javascript實(shí)現(xiàn)倒計(jì)時(shí)跳轉(zhuǎn)頁面
很多網(wǎng)頁都有類似的效果,那就是經(jīng)過指定的時(shí)間能夠跳轉(zhuǎn)到其他頁面,如果再人性化一點(diǎn)話,會(huì)帶有倒計(jì)時(shí)效果,本章節(jié)就介紹一下如何實(shí)現(xiàn)此效果,代碼實(shí)例如下:
<script type="text/javascript"> var t=10; setInterval("refer()",1000); function refer(){ if(t==0){ location.href="http://www.dbjr.com.cn"; } document.getElementById('show').innerHTML=""+t+"秒后跳轉(zhuǎn)到腳本之家"; t--; } </script> <span id="show"></span>
2.location.href可以參閱Location對(duì)象的href屬性一章節(jié)。
3.innerHTML屬性可以參閱js的innerHTML屬性的用法一章節(jié)。
下面給大家分享2個(gè)簡單的跳轉(zhuǎn)代碼,做一下總結(jié),各種定時(shí)跳轉(zhuǎn)代碼記錄如下:
(1)使用setTimeout函數(shù)實(shí)現(xiàn)定時(shí)跳轉(zhuǎn)(如下代碼要寫在body區(qū)域內(nèi))
<script type="text/javascript"> //3秒鐘之后跳轉(zhuǎn)到指定的頁面 setTimeout(window.location.href='//www.dbjr.com.cn',3); </script>
(2)html代碼實(shí)現(xiàn),在頁面的head區(qū)域塊內(nèi)加上如下代碼
<!--5秒鐘后跳轉(zhuǎn)到指定的頁面--> <meta http-equiv="refresh" content="5;url=//www.dbjr.com.cn" />
看到這里腳本之家再為大家分享一個(gè)不錯(cuò)的代碼
<div id="num"></div> <script type="text/javascript"> var num=5; function redirect(){ num--; document.getElementById("num").innerHTML=num; if(num<0){ document.getElementById("num").innerHTML=0; location.href="http://www.dbjr.com.cn/"; } } setInterval("redirect()", 1000); </script>
以上就是javascript實(shí)現(xiàn)倒計(jì)時(shí)跳轉(zhuǎn)頁面的詳細(xì)內(nèi)容,更多關(guān)于javascript實(shí)現(xiàn)倒計(jì)時(shí)跳轉(zhuǎn)頁面的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
javascript 中按屬性值查找數(shù)組中的對(duì)象多種方法
JavaScript 數(shù)組可以保存混合類型的不同值,例如字符串、空值或布爾值,并且不需要數(shù)組的大小來指定它在哪里自動(dòng)增長和動(dòng)態(tài),這篇文章主要介紹了javascript 中按屬性值查找數(shù)組中的對(duì)象多種方法,需要的朋友可以參考下2023-06-06layui動(dòng)態(tài)表頭的實(shí)現(xiàn)代碼
這篇文章主要介紹了layui動(dòng)態(tài)表頭的實(shí)現(xiàn)代碼,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08JS實(shí)現(xiàn)從對(duì)象獲取對(duì)象中單個(gè)鍵值的方法示例
這篇文章主要介紹了JS實(shí)現(xiàn)從對(duì)象獲取對(duì)象中單個(gè)鍵值的方法,涉及javascript數(shù)組對(duì)象遍歷、事件監(jiān)聽、處理等相關(guān)操作技巧,需要的朋友可以參考下2019-06-06PNGHandler-借助JS讓PNG圖在IE下實(shí)現(xiàn)透明(包括背景圖)
PNGHandler-借助JS讓PNG圖在IE下實(shí)現(xiàn)透明(包括背景圖)...2007-08-08JavaScript實(shí)現(xiàn)獲取select下拉框中第一個(gè)值的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)獲取select下拉框中第一個(gè)值的方法,涉及javascript針對(duì)頁面元素屬性的相關(guān)獲取操作技巧,需要的朋友可以參考下2018-02-02基于JavaScript創(chuàng)建動(dòng)態(tài)Dom
這篇文章主要介紹了基于JavaScript創(chuàng)建動(dòng)態(tài)Dom的相關(guān)資料,需要的朋友可以參考下2015-12-12JS簡單實(shí)現(xiàn)多級(jí)Select聯(lián)動(dòng)菜單效果代碼
這篇文章主要介紹了JS簡單實(shí)現(xiàn)多級(jí)Select聯(lián)動(dòng)菜單效果代碼,涉及JavaScript數(shù)組元素的遍歷及動(dòng)態(tài)設(shè)置select的實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-09-09JavaScript實(shí)現(xiàn)excel文件導(dǎo)入導(dǎo)出
這篇文章主要介紹了JavaScript實(shí)現(xiàn)excel文件導(dǎo)入導(dǎo)出,文件的導(dǎo)入導(dǎo)出是非常常見的需求功能,excel文件的導(dǎo)入導(dǎo)出更為常見,實(shí)踐中許多時(shí)候,是調(diào)用接口實(shí)現(xiàn)導(dǎo)入導(dǎo)出的,具體實(shí)現(xiàn)內(nèi)容需要的小伙伴可以參考一下2022-06-06