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 注意事项 与原因分析
Apr 24 Javascript
Javascript setInterval的两种调用方法(实例讲解)
Nov 29 Javascript
静态页面html中跳转传值的JS处理技巧
Jun 22 Javascript
浅析Node.js实现HTTP文件下载
Aug 05 Javascript
jQuery中$.ajax()方法参数解析
Oct 22 Javascript
详解vue与后端数据交互(ajax):vue-resource
Mar 16 Javascript
源码分析Vue.js的监听实现教程
Apr 23 Javascript
微信小程序实现锚点定位楼层跳跃的实例
May 18 Javascript
vue2.0 + element UI 中 el-table 数据导出Excel的方法
Mar 02 Javascript
ES6 Proxy实现Vue的变化检测问题
Jun 11 Javascript
Vue+elementUI实现多图片上传与回显功能(含回显后继续上传或删除)
Mar 23 Javascript
带你彻底理解JavaScript中的原型对象
Apr 14 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 操作调试的方法
2012/07/12 PHP
php实现redis数据库指定库号迁移的方法
2015/01/14 PHP
54个提高PHP程序运行效率的方法
2015/07/19 PHP
PHP之预定义接口详解
2015/07/29 PHP
WordPress中转义HTML与过滤链接的相关PHP函数使用解析
2015/12/22 PHP
详解PHP用substr函数截取字符串中的某部分
2016/12/03 PHP
浅谈PHP进程管理
2019/03/08 PHP
把textarea中字符串里含有的回车换行替换成&amp;lt;br&amp;gt;的javascript代码
2007/04/20 Javascript
jQuery 类twitter的文本字数限制带提示效果插件
2010/04/16 Javascript
js判断游览器类型及版本号的代码
2014/05/11 Javascript
javascript学习笔记之函数定义
2015/06/25 Javascript
freemarker判断对象是否为空的方法
2015/08/13 Javascript
使用RequireJS库加载JavaScript模块的实例教程
2016/06/06 Javascript
Vue的事件响应式进度条组件实例详解
2018/02/04 Javascript
简述vue路由打开一个新的窗口的方法
2018/11/29 Javascript
浅谈Vue的响应式原理
2019/05/30 Javascript
VUE 实现动态给对象增加属性,并触发视图更新操作示例
2019/11/29 Javascript
在Python编程过程中用单元测试法调试代码的介绍
2015/04/02 Python
Python实现的数据结构与算法之链表详解
2015/04/22 Python
python变量不能以数字打头详解
2016/07/06 Python
Win10下Python环境搭建与配置教程
2016/11/18 Python
Python 数据结构之旋转链表
2017/02/25 Python
python3中的md5加密实例
2018/05/29 Python
BP神经网络原理及Python实现代码
2018/12/18 Python
Python中请不要再用re.compile了
2019/06/30 Python
Python代码太长换行的实现
2019/07/05 Python
Python jieba库用法及实例解析
2019/11/04 Python
python列表推导和生成器表达式知识点总结
2020/01/10 Python
Python hashlib和hmac模块使用方法解析
2020/12/08 Python
Lookfantastic德国官网:英国知名美妆购物网站
2017/06/11 全球购物
Vertbaudet西班牙网上商店:婴儿服装、童装、母婴用品和儿童家具
2019/10/16 全球购物
用C语言实现文件读写操作
2013/10/27 面试题
北京振戎融通Java面试题
2015/09/03 面试题
科长竞争上岗演讲稿
2014/05/12 职场文书
2016教师国培研修感言
2015/12/08 职场文书
asyncio异步编程之Task对象详解
2022/03/13 Python