如何使用JavaScript實(shí)現(xiàn)頁(yè)面定時(shí)跳轉(zhuǎn)
導(dǎo)語(yǔ)：如何使用JavaScript實(shí)現(xiàn)頁(yè)面定時(shí)跳轉(zhuǎn)呢？下面是小編給大家提供的代碼實(shí)現(xiàn)，大家可以參考閱讀，更多詳情請(qǐng)關(guān)注應(yīng)屆畢業(yè)生考試網(wǎng)。
1.創(chuàng)建一個(gè)就簡(jiǎn)單的頁(yè)面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>頁(yè)面定時(shí)自動(dòng)跳轉(zhuǎn)并顯示倒計(jì)時(shí)</title>
</head>
<body>
<h1>自動(dòng)跳轉(zhuǎn)：<span id="wait">4</span></h1>
</body>
</html>
2.js函數(shù)
/**
* 定時(shí)跳轉(zhuǎn)
* href 要跳轉(zhuǎn)的鏈接
* elemId 顯示時(shí)間元素
*/
function TimeLocation(href,elemId){
var elem = document.getElementById(elemId);
var interval = setInterval(function(){
var time = --elem.innerHTML;
if(time <= 0) {
location.href = href;
clearInterval(interval);
}
},1000);
}
3.調(diào)用
window.onload=function(){
TimeLocation('localhost','wait');
}
【如何使用JavaScript實(shí)現(xiàn)頁(yè)面定時(shí)跳轉(zhuǎn)】相關(guān)文章：
PHP中實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)01-31
PHP頁(yè)面跳轉(zhuǎn)實(shí)現(xiàn)技巧10-12
PHP頁(yè)面跳轉(zhuǎn)幾種實(shí)現(xiàn)技巧09-04
如何使用JavaScript快速獲取頁(yè)面高度寬度01-21
如何使用JavaScript實(shí)現(xiàn)倒計(jì)時(shí)03-02
如何使用javascript實(shí)現(xiàn)瀑布流及效果加載10-12
HTML實(shí)現(xiàn)頁(yè)面自動(dòng)跳轉(zhuǎn)的方法有哪些(實(shí)例)07-29