欢迎来到Java学习网!
设为首页 | 加入收藏
当前位置: 首页 > Java语言 > JavaScript >
使用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');
}
    相关教程
    推荐内容