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 相关文章推荐
javascript 面向对象,实现namespace,class,继承,重载
Oct 29 Javascript
jQuery当鼠标悬停时放大图片的效果实例
Jul 03 Javascript
jquery的live使用注意事项
Feb 18 Javascript
JS倒计时代码汇总
Nov 25 Javascript
JQuery中层次选择器用法实例详解
May 18 Javascript
无刷新上传文件并返回自定义值
Jun 11 Javascript
js控制文本框只能输入中文、英文、数字与指定特殊符号的实现代码
Sep 09 Javascript
Javascript中return的使用与闭包详解
Jan 11 Javascript
关于angularJs清除浏览器缓存的方法
Nov 28 Javascript
Vue项目路由刷新的实现代码
Apr 17 Javascript
jquery插件开发模式实例详解
Jul 20 jQuery
AngularJS实现多级下拉框
Mar 25 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 多维数组排序(usort,uasort)
2010/06/30 PHP
简单介绍win7下搭建apache+php+mysql开发环境
2015/08/06 PHP
THINKPHP5分页数据对象处理过程解析
2020/10/28 PHP
JavaScript高级程序设计
2006/12/29 Javascript
js与运算符和或运算符的妙用
2014/02/14 Javascript
实现checkbox全选、反选、取消JavaScript小脚本异常
2014/04/10 Javascript
node.js中的fs.rmdir方法使用说明
2014/12/16 Javascript
浅谈JavaScript异常处理语句
2015/06/26 Javascript
json+jQuery实现的无限级树形菜单效果代码
2015/08/27 Javascript
JS实现的左侧竖向滑动菜单效果代码
2015/10/19 Javascript
JS实现的新浪微博大厅文字内容滚动效果代码
2015/11/05 Javascript
JavaScript在网页中画圆的函数arc使用方法
2015/11/13 Javascript
JavaScript实现获取某个元素相邻兄弟节点的prev与next方法
2016/01/25 Javascript
谈一谈javascript中继承的多种方式
2016/02/19 Javascript
javascript html实现网页版日历代码
2016/03/08 Javascript
JS中正则表达式只有3种匹配模式(没有单行模式)详解
2016/07/28 Javascript
JavaScript实现图片轮播组件代码示例
2016/11/22 Javascript
深入理解javascript中concat方法
2016/12/12 Javascript
基于VUE.JS的移动端框架Mint UI的使用
2017/10/11 Javascript
详解webpack3编译兼容IE8的正确姿势
2017/12/21 Javascript
vue基于element的区间选择组件
2018/09/07 Javascript
微信小程序用户授权弹窗 拒绝时引导用户重新授权实现
2019/07/29 Javascript
JS实现无限轮播无倒退效果
2020/09/21 Javascript
three.js 实现露珠滴落动画效果的示例代码
2021/03/01 Javascript
批处理与python代码混合编程的方法
2016/05/19 Python
详谈Python高阶函数与函数装饰器(推荐)
2017/09/30 Python
python实现给微信指定好友定时发送消息
2019/04/29 Python
利用python 读写csv文件
2020/09/10 Python
IE浏览器单独写CSS样式的几种方法
2014/10/14 HTML / CSS
JBL加拿大官方商店:扬声器、耳机等
2020/10/23 全球购物
共产党员公开承诺践诺书
2014/05/28 职场文书
某集团股份有限公司委托书样本
2014/09/24 职场文书
科技馆观后感
2015/06/08 职场文书
单位病假条范文
2015/08/17 职场文书
实习员工转正的评语汇总,以备不时之需
2019/12/17 职场文书
MyBatis核心源码深度剖析SQL语句执行过程
2022/05/20 Java/Android