js控制5秒后页面自动跳转（带读秒）

最新推荐文章于 2026-06-04 11:21:46 发布

转载最新推荐文章于 2026-06-04 11:21:46 发布 · 7.9k 阅读

收录于

JavaScript

当前文章被收录于：

JavaScript

15 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一种使用HTML和JavaScript实现的网页自动跳转功能。通过定义一个倒计时函数countDown，设置初始秒数并利用setTimeout进行递减计时，当计时结束时页面将自动跳转至指定URL。此方法适用于网页导航或提示页面中。

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function countDown(secs,surl){
//alert(surl);
var jumpTo = document.getElementById('jumpTo');
jumpTo.innerHTML=secs;
if(--secs>0){
     setTimeout("countDown("+secs+",'"+surl+"')",1000);
     }
else{
     location.href=surl;
     }
}
</script>
</head>

<body><span id="jumpTo">5</span>秒后自动跳转到http://www.baidu.com/
<script type="text/javascript">countDown(5,'http://www.baidu.com/');</script>
</body>
</html>