使用JavaScript实现页面定时跳转并显示倒计时
1.创建一个就简单的页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>页面定时自动跳转并显示倒计时</title>
</head>
<body>
<h1>自动跳转：<span id="wait">4</span></h1>
</body>
</html>
2.js函数
/**
* 定时跳转
* href 要跳转的链接
* elemId 显示时间元素
*/
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.调用
window.onload=function(){
TimeLocation('localhost','wait');
}