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 相关文章推荐
jquery创建div 实现代码
Apr 27 Javascript
JavaScript与DropDownList 区别分析
Jan 01 Javascript
jQuery移除tr无效的解决方法(tr是动态添加)
Sep 22 Javascript
深入理解JavaScript系列(36):设计模式之中介者模式详解
Mar 04 Javascript
值得分享的bootstrap table实例
Sep 22 Javascript
适用于手机端的jQuery图片滑块动画
Dec 09 Javascript
JS关于刷新页面的相关总结
May 09 Javascript
对vue事件的延迟执行实例讲解
Aug 28 Javascript
javascript中关于类型判断的一些疑惑小结
Oct 14 Javascript
微信小程序如何连接Java后台
Aug 08 Javascript
javaScript 实现重复输出给定的字符串的常用方法小结
Feb 20 Javascript
浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑
Sep 12 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的字符串用法小结
2010/06/08 PHP
解析thinkphp的左右值无限分类
2013/06/20 PHP
PHP取余函数介绍MOD(x,y)与x%y
2014/05/15 PHP
详解如何实现Laravel的服务容器的方法示例
2019/04/15 PHP
复制Input内容的js代码_支持所有浏览器,修正了Firefox3.5以上的问题
2010/06/21 Javascript
jQuery jcrop插件截图使用方法
2013/11/20 Javascript
JavaScript变量的作用域全解析
2015/08/14 Javascript
javascript实现九宫格相加数值相等
2020/05/28 Javascript
Jquery zTree 树控件异步加载操作
2016/02/25 Javascript
js中使用使用原型(prototype)定义方法的好处详解
2016/07/04 Javascript
利用jQuery的动画函数animate实现豌豆发射效果
2016/08/28 Javascript
JQuery中解决重复动画的方法
2016/10/17 Javascript
jquery鼠标悬停导航下划线滑出效果
2017/09/29 jQuery
Vue.js 的移动端组件库mint-ui实现无限滚动加载更多的方法
2017/12/23 Javascript
vue富文本框(插入文本、图片、视频)的使用及问题小结
2018/08/17 Javascript
解决vue attr取不到属性值的问题
2018/09/18 Javascript
原生JS检测CSS3动画是否结束的方法详解
2019/01/27 Javascript
JavaScript实现随机点名器实例详解
2019/05/07 Javascript
探索JavaScript中私有成员的相关知识
2019/06/13 Javascript
vue+element实现图片上传及裁剪功能
2020/06/29 Javascript
基于vue-simple-uploader封装文件分片上传、秒传及断点续传的全局上传插件功能
2021/02/23 Vue.js
详解Python3操作Mongodb简明易懂教程
2017/05/25 Python
对numpy中数组转置的求解以及向量内积计算方法
2018/10/31 Python
对Python中for复合语句的使用示例讲解
2018/11/01 Python
Python实现的大数据分析操作系统日志功能示例
2019/02/11 Python
django-初始配置(纯手写)详解
2019/07/30 Python
python wav模块获取采样率 采样点声道量化位数(实例代码)
2020/01/22 Python
Python tkinter制作单机五子棋游戏
2020/09/14 Python
美国瑜伽服装和装备购物网站:Mukha Yoga
2019/02/22 全球购物
英国国家美术馆商店:National Gallery
2019/05/01 全球购物
学生干部的自我评价分享
2014/01/18 职场文书
老公出轨后的保证书
2015/05/08 职场文书
2016年秋季新学期致辞
2015/07/30 职场文书
OpenCV绘制圆端矩形的示例代码
2021/08/30 Python
HTML常用标签超详细整理
2022/03/19 HTML / CSS
Redis 限流器
2022/05/15 Redis