javascript实现倒计时N秒后网页自动跳转代码
更新时间：2014年12月11日 08:48:16 投稿：hebedich
这篇文章主要介绍了javascript实现倒计时N秒后网页自动跳转代码,非常的实用，这里推荐给大家。
复制代码 代码如下:
<title>JS倒计时网页自动跳转代码</title>
<script language="JavaScript" type="text/javascript">
function delayURL(url) {
var delay = document.getElementById("time").innerHTML;
if(delay > 0) {
delay--;
document.getElementById("time").innerHTML = delay;
} else {
window.top.location.href = url;
}
t = setTimeout("delayURL('" + url + "')", 1000);
}
function stop1(){
t && clearTimeout(t);
}
</script>
<span id="time" style="background: #00BFFF">1000</span>秒钟后自动跳转，如果不跳转，请点击下面的链接<a href="http://www.baidu.com">我的百度</a>
<input type="button" value="停止跳转" onclick="stop1();">
<script type="text/javascript">
delayURL("http://www.baidu.com");
</script>
代码很简单，却很实用，小伙伴们根据自己的需求放到自己项目中吧。
相关文章
使用BootStrap建立响应式网页——通栏轮播图（carousel）
这篇文章主要介绍了使用BootStrap建立响应式网页通栏轮播图（carousel）的相关资料,需要的朋友可以参考下2016-12-12
解决AjaxFileupload 上传时会出现连接重置的问题
这篇文章主要介绍了解决AjaxFileupload 上传时会出现连接重置的问题,需要的朋友可以参考下2017-07-07
今天小编就为大家分享一篇layui使用templet格式化表格数据的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
bootstrap 模态框（modal）实现水平垂直居中显示
这篇文章主要为大家详细介绍了bootstrap 模态框modal实现水平垂直居中显示，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
这篇文章主要介绍了JavaScript之不可靠的undefined，想深入JS的同学，可以参考下2021-05-05
本篇文章主要介绍了用ES6写全屏滚动插件的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-05-05
禁止页面刷新让F5快捷键及右键都无效，下面有个不不错的实现方法，大家可以感受下2014-01-01
这篇文章主要介绍了ES10 特性的完整指南小结，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-03-03
游戏人文件夹程序 ver 4.03...2006-07-07
这篇文章主要为大家详细介绍了js实现随机圆与矩形功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-10-10
最新评论