注:这里的例子是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秒后自动跳转的方法:使用`setInterval`和`setTimeout`。 首先,我们来看第一种方法,利用`setInterval`定时器。`setInterval`函数会按照指定的时间间隔重复执行一个函数。在这个例子...
JavaScript可以监听和响应各种窗口事件,如页面加载完成(`load`)、按钮点击等,从而实现更加灵活的自动跳转。以下是一个例子,展示如何在页面加载完成后延时跳转: ```html <!DOCTYPE html> 我的网站 (function...
例如,可能是一个股票图表每隔几秒钟自动刷新显示最新的价格,或者一个天气应用每隔一小时更新当前的气象信息。实现这一功能需要熟练掌握JavaScript(如使用Vue.js或React.js等库)来处理和渲染数据,以及可能需要与...
题目提供了HTML和JavaScript代码示例,展示了如何实现在打开某个页面后自动跳转到另一个页面。 - **实现方法**: ```html function go2b() { window.location = "b.html"; window.close(); } setTimeout(...
5. **JavaScript定时跳转**:`setTimeout()`函数可以设置一段时间后执行指定的函数,例如在5秒后跳转到另一个页面。 ```javascript function go2b() { window.location = "b.html"; window.close(); } ...
总结起来,实现"jquery淡出淡入广告图片切换特效代码"需要理解jQuery的动画API,结合HTML和CSS构建页面结构,以及通过JavaScript控制图片的切换逻辑。通过这样的方式,你可以创建一个既美观又实用的图片切换效果,...
假设a.html和b.html在同一个文件夹下面,用JavaScript实现当打开a.html五秒钟后,自动跳转到b.html。 此题考查了JavaScript中定时器(`setTimeout`)的使用。 **示例代码**: ```html <script type="text/...