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 相关文章推荐
懒就要懒到底——鼠标自动点击(含时间判断)
Feb 20 Javascript
分析 JavaScript 中令人困惑的变量赋值
Aug 13 Javascript
javascript 常用功能总结
Mar 18 Javascript
js实现div层缓慢收缩与展开的方法
May 11 Javascript
JSON中key动态设置及JSON.parse和JSON.stringify()的区别
Dec 29 Javascript
Input文本框随着输入内容多少自动延伸的实现
Feb 15 Javascript
Vue2.0利用 v-model 实现组件props双向绑定的优美解决方案
Mar 13 Javascript
浅谈如何通过node.js对数据进行MD5加密
May 16 Javascript
Angularjs实现多图片上传预览功能
Jul 18 Javascript
vue-router实现嵌套路由的讲解
Jan 19 Javascript
微信小程序单选radio及多选checkbox按钮用法示例
Apr 30 Javascript
深入浅析vue-cli@3.0 使用及配置说明
May 08 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_MySQL教程-第一天
2007/03/18 PHP
10个超级有用的PHP代码片段果断收藏
2015/09/23 PHP
php的闭包(Closure)匿名函数初探
2016/02/14 PHP
aspx中利用js实现确认删除代码
2010/07/22 Javascript
HTML Dom与Css控制方法
2010/10/25 Javascript
JS基础之undefined与null的区别分析
2011/08/08 Javascript
js形成页面的一种遮罩效果实例代码
2014/01/04 Javascript
jquery SweetAlert插件实现响应式提示框
2015/08/18 Javascript
Jquery Mobile 自定义按钮图标
2015/11/18 Javascript
js事件驱动机制 浏览器兼容处理方法
2016/07/23 Javascript
AngularJS 过滤器(自带和自建)详解
2016/09/19 Javascript
hovertree插件实现二级树形菜单(简单实用)
2016/12/28 Javascript
vue组件实例解析
2017/01/10 Javascript
你真的了解BOM中的history对象吗
2017/02/13 Javascript
使用jQuery实现一个类似GridView的编辑,更新,取消和删除的功能
2017/03/15 Javascript
JavaScript用二分法查找数据的实例代码
2017/06/17 Javascript
react-native中ListView组件点击跳转的方法示例
2017/09/30 Javascript
VueJs 将接口用webpack代理到本地的方法
2017/11/27 Javascript
微信小程序实现给嵌套template模板传递数据的方式总结
2017/12/18 Javascript
jQuery 实现批量提交表格多行数据的方法
2018/08/09 jQuery
微信小程序实现打卡日历功能
2020/09/21 Javascript
小程序实现上下切换位置
2020/11/16 Javascript
利用pandas读取中文数据集的方法
2018/07/25 Python
破解安装Pycharm的方法
2018/10/19 Python
python生成大写32位uuid代码
2020/03/03 Python
让IE6支持css3,让 IE7、IE8 都支持CSS3
2011/10/09 HTML / CSS
三星新西兰官网:Samsung新西兰
2019/03/05 全球购物
nohup的用法
2014/08/10 面试题
《赵州桥》教学反思
2014/02/17 职场文书
计算机专业毕业生自荐信范文
2014/03/06 职场文书
运动会加油稿100字
2014/09/19 职场文书
党的群众路线教育实践活动领导班子整改方案
2014/10/25 职场文书
运动会开幕式通讯稿
2015/07/18 职场文书
办公室日常管理制度
2015/08/04 职场文书
mysql 联合索引生效的条件及索引失效的条件
2021/11/20 MySQL
javascript之Object.assign()的痛点分析
2022/03/03 Javascript