本文介绍了如何使用HTML、CSS、JavaScript实现页面定时自动跳转并显示倒计时的功能，包括代码实现和核心原理。
[size=medium][size=medium][/size]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');
}[/size]
<!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');
}[/size]
扫一扫
1323
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
