本文給大家介紹了如何使用javascript實(shí)現(xiàn)倒計(jì)時(shí)跳轉(zhuǎn)到其他頁面的方法以及實(shí)現(xiàn)原理，非常的簡單實(shí)用，有需要的小伙伴可以參考下。

很多網(wǎng)頁都有類似的效果，那就是經(jīng)過指定的時(shí)間能夠跳轉(zhuǎn)到其他頁面，如果再人性化一點(diǎn)話，會(huì)帶有倒計(jì)時(shí)效果，本章節(jié)就介紹一下如何實(shí)現(xiàn)此效果，代碼實(shí)例如下:

var t=10;

setInterval("refer()",1000);

function refer(){

if(t==0){

location.href="//www.jb51.net";

}

document.getElementById('show').innerHTML=""+t+"秒后跳轉(zhuǎn)到腳本之家";

t--;

}

以上代碼實(shí)現(xiàn)了我們想要的效果，能夠在10秒之后跳轉(zhuǎn)到指定頁面，下面介紹一下實(shí)現(xiàn)過程。

一.實(shí)現(xiàn)原理:

原理非常的簡單，就是利用setInterval()定時(shí)器函數(shù)，每秒執(zhí)行一次refer()函數(shù)，此函數(shù)能夠沒執(zhí)行一次將t減1，同時(shí)將當(dāng)前的t的值寫入div中，如果t減到0,也就是倒計(jì)時(shí)完畢，就跳轉(zhuǎn)到指定頁面。原理大致如此。

二.相關(guān)閱讀:

1.setInterval()函數(shù)可以參閱setInterval()函數(shù)用法詳解一章節(jié)。

2.location.href可以參閱Location對象的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))

//3秒鐘之后跳轉(zhuǎn)到指定的頁面

setTimeout(window.location.href='//www.jb51.net',3);

(2)html代碼實(shí)現(xiàn)，在頁面的head區(qū)域塊內(nèi)加上如下代碼

總結(jié)

以上是生活随笔為你收集整理的js页面倒计时7天 java_javascript实现倒计时跳转页面的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。