java语言 百分网手机站

如何使用JavaScript实现页面定时跳转

时间:2020-10-17 16:20:45 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');

  }

【如何使用JavaScript实现页面定时跳转】相关文章:

1.PHP页面跳转的技巧

2.java servlet页面跳转的方法

3.PHP页面跳转到另一个页面的方法

4.php页面缓存实现方法

5.Dreamweaver如何创建页面

6.wps文字如何布局页面

7.如何在bios设置定时开机

8.如何设置电脑定时开机教程

9.如何设计404页面