实现页面定时跳转并显示倒计时代码,Js代码库,德仔网

代码语言

代码分类

【Js】实现页面定时跳转并显示倒计时

作者:Bash / 发布于2016/5/25/ 576

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');
}

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

同语言下

可能有用的

Bash贡献的其它代码(6)