js实现点击注册按钮开始读秒倒计时的小例子


Posted in Javascript onMay 11, 2013

js

<script language="javascript"> 
<!-- 
var wait_time = 8; //设置秒数(单位秒) 
var secs_time = 0;          
for(var i=1;i<=wait_time;i++) 
{ 
 window.setTimeout("sTimer("+i+")",i*1000); 
} 
function sTimer(num) 
{ 
 if(num==wait_time) 
 { 
  document.getElementById("reg_btn").value=" 同意注册 "; 
  document.getElementById("reg_btn").disabled=false; 
 } 
 else 
 { 
  secs_time=wait_time-num; 
  document.getElementById("reg_btn").value="请先阅读服务条款 ("+secs_time+")"; 
 } 
} 
//--> 
</script>

html
<div style="width:350px; text-align:center;"> 
<form name="regForm" method="post" action=""> 
<input type="submit" value="请先阅读服务条款 (0)" disabled="disabled" id="reg_btn"> 
<input id="BtnClose" type="button" value=" 我不同意 " onclick="window.close();"> 
</form> 
</div>
Javascript 相关文章推荐
ExtJs扩展之GroupPropertyGrid代码
Mar 05 Javascript
jQuery删除节点的三个方法即remove()detach()和empty()
Dec 27 Javascript
jquery 获取 outerHtml 包含当前节点本身的代码
Oct 30 Javascript
jquery实现平滑的二级下拉菜单效果
Aug 26 Javascript
AngularJs学习第五篇从Controller控制器谈谈$scope作用域
Jun 08 Javascript
详解webpack 多入口配置
Jun 16 Javascript
在iframe中使bootstrap的模态框在父页面弹出问题
Aug 07 Javascript
浅谈Node.js 子进程与应用场景
Jan 24 Javascript
让Vue也可以使用Redux的方法
May 23 Javascript
layer.alert自定义关闭回调事件的方法
Sep 27 Javascript
详解Vue的组件中data选项为什么必须是函数
Aug 17 Javascript
Vant+postcss-pxtorem 实现浏览器适配功能
Feb 05 Javascript
JS打开层/关闭层/移动层动画效果的实例代码
May 11 #Javascript
解析javascript 实用函数的使用详解
May 10 #Javascript
jQuery拖动图片删除示例
May 10 #Javascript
jquery 提交值不为空的元素示例代码
May 10 #Javascript
JQuery中SetTimeOut传参问题探讨
May 10 #Javascript
jQuery中读取json文件示例代码
May 10 #Javascript
Javascript级联下拉菜单以及AJAX数据验证核心代码
May 10 #Javascript
You might like
PHP获取时间排除周六、周日的两个方法
2014/06/30 PHP
jQuery使用手册之一
2007/03/24 Javascript
用jquery ajax获取网站Alexa排名的代码
2009/12/12 Javascript
js 实现图片预加载(js操作 Image对象属性complete ,事件onload 异步加载图片)
2011/03/25 Javascript
javascript数组去掉重复
2011/05/12 Javascript
关于JS字符串函数String.replace()
2013/04/07 Javascript
javascript实现数组中的内容随机输出
2015/08/11 Javascript
js小数运算出现多位小数如何解决
2015/10/08 Javascript
基于jQuery实现的双11天猫拆红包抽奖效果
2015/12/01 Javascript
jquery判断复选框选中状态以及区分attr和prop
2015/12/18 Javascript
检查表单元素的值是否为空的实例代码
2016/06/16 Javascript
浅析script标签中的defer与async属性
2016/11/30 Javascript
javascript中this关键字详解
2016/12/12 Javascript
vue学习笔记之vue1.0和vue2.0的区别介绍
2017/05/17 Javascript
浅谈JS中的反柯里化( uncurrying)
2017/08/17 Javascript
vue+element-ui动态生成多级表头的方法
2018/08/28 Javascript
D3.js(v3)+react 实现带坐标与比例尺的散点图 (V3版本)
2019/05/09 Javascript
浅谈React Native 传参的几种方式(小结)
2019/05/21 Javascript
vue 父组件通过$refs获取子组件的值和方法详解
2019/11/07 Javascript
python中reload(module)的用法示例详解
2017/09/15 Python
python 实现selenium断言和验证的方法
2019/02/13 Python
python pandas时序处理相关功能详解
2019/07/03 Python
Python中新式类与经典类的区别详析
2019/07/10 Python
Python字符串中删除特定字符的方法
2020/01/15 Python
Python模块/包/库安装的六种方法及区别
2020/02/24 Python
英国领先的家庭时尚品牌:Peacocks
2018/01/11 全球购物
比较基础的php面试题及答案-编程题
2012/10/14 面试题
培训讲师邀请函
2014/01/10 职场文书
关于保护环境的建议书
2014/05/13 职场文书
小学生我的梦想演讲稿
2014/08/21 职场文书
初中学习计划书范文
2014/09/15 职场文书
如何签定毕业生就业协议书
2014/09/28 职场文书
介绍信范文大全
2015/05/07 职场文书
大学毕业论文致谢词
2015/05/14 职场文书
如何让vue长列表快速加载
2021/03/29 Vue.js
css3中transform属性实现的4种功能
2021/08/07 HTML / CSS