翰林文学,为您提供优质实用美文!

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

作者:admin | 日期:2025-08-29
复制成功!

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

导语:如何使用JavaScript实现页面定时跳转呢?下面是小编给大家提供的代码实现,大家可以参考阅读,更多详情请关注应届毕业生考试网。

  1.创建一个就简单的页面

  

  

  

  

  页面定时自动跳转并显示倒计时

  

  

  

自动跳转:4

  

  

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

  }

热搜文章