JavaScript实现页面5秒后自动跳转的方法

作者:拾光时间:2026-10-29 08:32:52浏览:148

本文介绍如何使用JavaScript实现页面5秒后自动跳转的功能。通过定义countDown函数,利用setTimeout进行倒计时,并在倒计时结束后使用location.href进行页面重定向。代码包含HTML结构和JavaScript逻辑,适合需要实现自动跳转功能的开发者参考。

JavaScript实现页面5秒后自动跳转的代码示例

这段用于控制页面在5秒后自动跳转的JavaScript代码,在多种开发场景中十分实用,建议开发者收藏备用。


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>JavaScript控制页面5秒后自动跳转的代码</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>秒后自动跳转到https://www.jb51.net/
<script type="text/javascript">
countDown(5,'https://www.jb51.net/');
</script> 
</body>
</html>

希望本文提供的代码示例能对各位的JavaScript编程工作有所帮助。

作者最新文章