js控制30秒自动页面跳转，带读秒

最新推荐文章于 2025-05-31 09:35:27 发布

原创最新推荐文章于 2025-05-31 09:35:27 发布 · 2.8w 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #自动跳转页面

js 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了网页中实现自动倒计时并跳转功能的两种常见方法。一种是通过不断更新页面元素来递减显示的时间，直到时间为0时跳转到指定页面；另一种则是采用递归方式，每次递归减少倒计时数值直至为0后进行页面跳转。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<button type="button" value="返回首页" id="prev"><span id="myspan">30</span>秒后返回首页</button>

方式一：

//定义函数
function count()
{
var myspan=document.getElementById('myspan');
var number=myspan.innerHTML;
number--;
document.getElementById('myspan').innerHTML=number;
if(number==0)
{
window.location.href="demo.php";
}
}

//设置定时器，调用函数
setInterval("count()",1000);

方式二：

function countDown(number,url){
var myspan=document.getElementById('myspan');
myspan.innerHTML=number;
number--;
if(number>0){
setTimeout("countDown("+number+",'"+url+"')",1000);
}else{
window.location.href=url;
}
}

//函数调用
countDown(30,'demo.php')；