Javascript倒计时显示页面跳转

最新推荐文章于 2023-09-29 21:36:44 发布

最新推荐文章于 2023-09-29 21:36:44 发布 · 145 阅读

文章标签：

#JavaScript #JSP #ViewUI

JavaScript 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的页面自动跳转方法。通过设置定时器和递减计数，页面会在指定秒数后自动重定向到目标URL。若未自动跳转，提供了手动跳转链接。


javaScript页面跳转的效果：

     <span id="time" style="background:red">5</span>秒钟后，页面会自动跳转，如果不跳转请单击下面的链接<a href="article.jsp">回到主页</a>
<script language="JavaScript1.2" type="text/javascript">

function delayURL(url) {
 var delay = document.getElementById("time").innerHTML;//拿到标签id=time的值
 if(delay > 0) {//如果delay大于0，就减1，然后对delay重新赋值
  delay--;
  document.getElementById("time").innerHTML = delay;
 } else {
  window.top.location.href = url ;
 }
    setTimeout("delayURL('" + url + "')", 1000);
}

</script>
<script type="text/javascript">
delayURL("article.jsp");
</script>