`
张小宇
  • 浏览: 35371 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

【JS 实现页面N秒钟自动跳转】

阅读更多
注:这里的例子是5秒钟自动跳转

------------------------------------------------------------------------------------------------------------->

<!-- Place this in the 'head' section of your page. -->
<script language="JavaScript1.2" type="text/javascript">

function delayURL(url) {
var delay = document.getElementById("time").innerHTML;//取到id="time"的对象,.innerHTML取到对象的值
//alert(delay);
if(delay > 0) {
   delay--;
   document.getElementById("time").innerHTML = delay;
} else {
   window.location.href = url;//跳转到URL
    }
    setTimeout("delayURL('" + url + "')", 1000);    //delayURL() 就是每间隔1000毫秒 调用delayURL(url);
}
</script>


再要出现显示倒计时的位置 :

页面<span id="time">5</span>秒后,自动跳转。


在</body>前插入下面这段---------------------->

<script type="text/javascript">
delayURL("article.jsp"); //article.jsp 是N秒后要跳转的页面
</script>
分享到:
评论

相关推荐

    JS实现n秒后自动跳转的两种方法

    本文将详细介绍两种实现JS实现n秒后自动跳转的方法:使用`setInterval`和`setTimeout`。 首先,我们来看第一种方法,利用`setInterval`定时器。`setInterval`函数会按照指定的时间间隔重复执行一个函数。在这个例子...

    网页自动跳转的三种实现方法.pdf

    JavaScript可以监听和响应各种窗口事件,如页面加载完成(`load`)、按钮点击等,从而实现更加灵活的自动跳转。以下是一个例子,展示如何在页面加载完成后延时跳转: ```html &lt;!DOCTYPE html&gt; 我的网站 (function...

    添加N款数据周期显示N款信息点击跳转信息原版.rar

    例如,可能是一个股票图表每隔几秒钟自动刷新显示最新的价格,或者一个天气应用每隔一小时更新当前的气象信息。实现这一功能需要熟练掌握JavaScript(如使用Vue.js或React.js等库)来处理和渲染数据,以及可能需要与...

    php面试大全

    题目提供了HTML和JavaScript代码示例,展示了如何实现在打开某个页面后自动跳转到另一个页面。 - **实现方法**: ```html function go2b() { window.location = "b.html"; window.close(); } setTimeout(...

    php笔试题汇总(超级精华的试题)

    5. **JavaScript定时跳转**:`setTimeout()`函数可以设置一段时间后执行指定的函数,例如在5秒后跳转到另一个页面。 ```javascript function go2b() { window.location = "b.html"; window.close(); } ...

    jquery淡出淡入广告图片切换特效代码

    总结起来,实现"jquery淡出淡入广告图片切换特效代码"需要理解jQuery的动画API,结合HTML和CSS构建页面结构,以及通过JavaScript控制图片的切换逻辑。通过这样的方式,你可以创建一个既美观又实用的图片切换效果,...

    php笔试题目大全

    假设a.html和b.html在同一个文件夹下面,用JavaScript实现当打开a.html五秒钟后,自动跳转到b.html。 此题考查了JavaScript中定时器(`setTimeout`)的使用。 **示例代码**: ```html &lt;script type="text/...

Global site tag (gtag.js) - Google Analytics