5秒后跳转到另一个页面的js代码

166 阅读 0 评论 110 点赞

我是靠谱客的博主幸福小海豚，最近开发中收集的这篇文章主要介绍5秒后跳转到另一个页面的js代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

 
<html> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=utf-8"/> 
<title>5秒后跳转到另一个页面</title> 

<script type="text/javascript"> 
var t = 5; 
function countDown(){ 
var time = document.getElementById("time"); 
t--; 
time.value=t; 
if (t<=0) { 
location.href="http://www.baidu.com"; 
clearInterval(inter); 
}; 
} 
var inter = setInterval("countDown()",1000); 
//window.onload=countDown; 
</script> 

</head> 
<body onload="countDown()"> 

<input type="text" readonly="true" value="5" id="time"/> 

<!--也可以在这里写javascript代码，这样就不必在body标签中写onload="countDown()"。--> 
</body> 
</html> 