当前位置 : 主页 > 网络编程 > JavaScript >

浏览器倒计时跳转页面

来源:互联网 收集:自由互联 发布时间:2021-07-03
1. [代码] [HTML]代码 !DOCTYPE htmlhtml head title浏览器对象/title meta http-equiv="Content-Type" content="text/html; charset=gb123"/ /head body H4操作成功/H4 p b id="second"5/b秒后回到主页nbsp;a href="javascript:goBack();

1. [代码][HTML]代码    

<!DOCTYPE html>
<html>
 <head>
  <title>浏览器对象</title>  
  <meta http-equiv="Content-Type" content="text/html; charset=gb123"/>   
 </head>
 <body>
  <H4>操作成功</H4>
  <p>
     <b id="second">5</b>秒后回到主页&nbsp;<a href="javascript:goBack();">返回</a>  
  </p>
 
<script type="text/javascript">  
 
	var sec = document.getElementById("second");
	var i = 5;
	var timer = setInterval(function(){
		i--;
		sec.innerHTML = i;
		if(i==1){
			window.location.href =  "http://www.imooc.com/";
		}
	},1000);
	 
  function goBack(){ 
	window.history.go(-1);
  }  
  </script> 
 </body>
</html>
网友评论