苏州Java培训
达内苏州java培训中心

0512-67873100

热门课程

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

  • 时间:2016-01-25
  • 发布:苏州java培训
  • 来源:Java教程

使用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');
}
上一篇:Java使用poi对Execl简单写操作
下一篇:JS实现自动倒计时30秒后按钮才可用

苏州java培训学习重载和覆盖

南京达内参加南京国际服务外包协会理事大会大区总经理李桂元做代表发言

苏州达内Java培训给初学者四点建议

选择城市和中心
贵州省

广西省

海南省