一个倒计时页面用javascrpt
2015-06-11 11:57
656 查看
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link rel="stylesheet" href=""> <title>跳转倒计时demo</title> </head> <body> <div class="system-message"> <p class="jump"> 页面自动 <a id="href" href="http://www.baidu.com";>跳转</a> 等待时间: <b id="wait"> 5</b> </p> </div> <script type="text/javascript"> // (function(){ // var wait = document.getElementById('wait'),href = document.getElementById('href').href; // var interval = setInterval(function(){ // var time = --wait.innerHTML; // if(time <= 0) { // location.href = href; // clearInterval(interval); // }; // }, 1000); // })(); var wait =document.getElementById('wait'),href=document.getElementById('href').href; var interval =setInterval(function(){ var time=--wait.innerHTML; if(time<=0){ location.href=href; clearInterval(interval); }; },1000); </script> </body> </html>
相关文章推荐
- Web前端面试题-实现今年倒计时功能
- Java中使用Groovy的三种方式
- java学习之MVC模型(二)
- 关于使用JS前台加密、JAVA后台解密的RSA实现,RSA加密和签名
- java学习笔记(八)—— extends and override
- Java中Void占位符的测试及个人理解
- java虚拟机
- AdaBoost的java实现
- 【转载】eclipse调试arm裸机程序
- java处理json的工具类
- Struts2中动态方法调用
- Java多线程系列--“JUC锁”01之 框架
- 运用spring task定时器发布定时任务
- java中Arrays类
- Java String.Format() 方法及参数说明
- Mac下的eclipse中svn插件使用代理
- 整合hibernate4.2和spring框架,出现No Session found for current threa报错
- Java模式(适配器型号)
- Shiro配置---基于spring框架
- Java位运算符