java语言

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

时间:2025-04-02 22:58:08 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中实现页面跳转07-06

PHP页面跳转实现技巧09-19

PHP页面跳转几种实现技巧07-26

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

如何使用JavaScript实现倒计时10-14

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

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

PHP页面跳转的技巧10-18

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