使用JavaScript实现页面定时跳转并显示倒计时

时间:2021-12-14 17:09:11
使用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');
}

编程开发资料分享微信:tangniu520666,加的时候写“4” ,免费领取