javascript实现读秒跳转的两种方法

最新推荐文章于 2022-08-23 11:49:01 发布

yy243

最新推荐文章于 2022-08-23 11:49:01 发布

阅读量2.6k

点赞数

本文链接：https://blog.csdn.net/yy243/article/details/52791599

版权

1.利用setInterval

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
  <head>
    <title>jump.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
	<meta http-equiv="refresh" content="5;url=runoob.html"> 
  </head>
  
  <body οnlοad=timer()>
    name and url error,page will jump in <span id="spanId">5</span> seconds. <br>
  </body>
  <script type="text/javascript">
  		var x = 5;
  		function run(){
  			var span = document.getElementById("spanId");
				x--;
  				span.innerHTML = x;
  		}
  		function timer(){
				window.setInterval("run()",1000);  			
  		}
  </script>
</html>

2.利用setTimeout

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
  <head>
    <title>jump1.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta http-equiv="refresh" content="5;url=runoob.html"> 
 
  </head>
  
   <body οnlοad=run()>
    name and url error,page will jump in <span id="spanId"></span> seconds. <br>
  </body>
  <script type="text/javascript">
  		var x = 5;
  		function run(){
  			var span = document.getElementById("spanId");
  				span.innerHTML = x;
				x--;
				window.setTimeout(run,1000);
				/* 上面一句也可以用以下替换
				window.setTimeout("run()",1000);*/
  		}
  		
  </script>
</html>