JavaScript实现倒计时N秒后网页自动跳转代码
作者:木棉时间:2026-10-28 17:30:24浏览:70
本文提供一段基于JavaScript的网页倒计时自动跳转代码。通过setTimeout实现每秒递减计时,倒计时结束后自动重定向至指定URL。包含停止跳转功能,代码简洁实用,可直接嵌入项目使用。
JavaScript实现倒计时自动跳转代码
具体实现代码如下所示:
<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>
该代码逻辑简单但具备实用价值,开发者可根据实际需求将其集成到相应项目中。
作者最新文章
JS合并多个数组的三种方法:concat、spread与flat
2026-11-05 17:39:45
JavaScript怎么准确判断数据类型:typeof、instanceof与Object.prototype.toString
2026-11-05 17:09:21
JS中将数组和对象混合组装为JSON字符串
2026-11-05 16:41:42
JS运算符优先级与结合性的区别是什么?
2026-11-05 13:22:02
JS Map怎么只遍历Key或Value
2026-11-05 13:00:36
