2017年10月22日(星期天)  农历:丁酉年九月初三
  • 首页
  • JAVA
  • 使用JavaScript实现页面定时跳转并显示倒计时

作者:三年。分类: JAVA 标签: js页面定时跳转 页面跳转 定时跳转

js [转换].png

使用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');

}

温馨提示如有转载或引用以上内容之必要,敬请将本文链接作为出处标注,谢谢合作!

已有 0/2558 人参与

发表评论:



手Q扫描加入Java初学者群