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

时间:2025-11-10 04:56:20 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实现页面定时跳转】相关文章:

PHP中实现页面跳转01-31

PHP页面跳转实现技巧10-12

PHP页面跳转几种实现技巧09-04

如何使用JavaScript快速获取页面高度宽度01-21

如何使用JavaScript实现倒计时03-02

如何使用javascript实现瀑布流及效果加载10-12

HTML实现页面自动跳转的方法有哪些(实例)07-29

PHP页面跳转的技巧03-19

如何使用JavaScript实现香港身份格式及真伪性验证09-11