码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript_1___简单页面倒计时跳转

时间:2015-06-02 13:10:29      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:

题目来自慕课网的javascript章节练习~

直接将script嵌入<body>中    

setTimeout()实现读秒,window.location.href="",实现到期跳转。

 

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4     <meta http-equiv="Content-Type" content="text/html; charset=gkb"/> 
 5     <title>浏览器对象</title>   
 6     </head>
 7  <body>
 8     <p><font size=8>操作成功</font></p>
 9     <p><b id="timeCount">5</b>秒后回到主页<a href="http://www.imooc.com"()>返回</a></p>
10   
11     <script type="text/javascript">  
12   
13     var countTime = 5;
14     function func(){
15         document.getElementById("timeCount").innerHTML=countTime;
16         countTime--;
17     if(countTime==0){
18         window.location.href="http://www.imooc.com";    
19     }    
20     window.setTimeout("func()",1000);
21         
22     }
23     func();
24     </script> 
25 </body>
26 </html>

 

如图:

技术分享

 

JavaScript_1___简单页面倒计时跳转

标签:

原文地址:http://www.cnblogs.com/zitt/p/4546049.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!