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 的 trim 函数的代码
Aug 13 Javascript
Javascript面向对象编程(二) 构造函数的继承
Aug 28 Javascript
JavaScript数值数组排序示例分享
May 27 Javascript
搞定immutable.js详细说明
May 02 Javascript
JavaScript+Java实现HTML页面转为PDF文件保存的方法
May 30 Javascript
Angularjs---项目搭建图文教程
Jul 08 Javascript
使用JavaScript判断手机浏览器是横屏还是竖屏问题
Aug 02 Javascript
浅谈react 同构之样式直出
Nov 07 Javascript
es6 symbol的实现方法示例
Apr 02 Javascript
微信小程序如何播放腾讯视频的实现
Sep 20 Javascript
利用layer实现表单完美验证的方法
Sep 26 Javascript
javascript实现简单留言板案例
Feb 09 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
咖啡产品发展的三大浪潮
2021/03/04 咖啡文化
隐藏X-Space个人空间下方版权方法隐藏X-Space个人空间标题隐藏X-Space个人空间管理版权方法
2007/02/22 PHP
php生成静态文件的多种方法分享
2012/07/17 PHP
浅析PHP程序防止ddos,dns,集群服务器攻击的解决办法
2013/06/18 PHP
PHP的serialize序列化数据以及JSON格式化数据分析
2015/10/10 PHP
Yii2.0表关联查询实例分析
2016/07/18 PHP
Laravel框架生命周期与原理分析
2018/06/12 PHP
php设计模式之工厂模式用法经典实例分析
2019/09/20 PHP
php设计模式之适配器模式实例分析【星际争霸游戏案例】
2020/04/07 PHP
在textarea文本域中显示HTML代码的方法
2007/03/06 Javascript
JavaScript 笔记二 Array和Date对象方法
2010/05/22 Javascript
lyhucSelect基于Jquery的Select数据联动插件
2011/03/29 Javascript
js获取客户端网卡的IP地址、MAC地址
2014/03/26 Javascript
js+html5实现的自由落体运动效果代码
2016/01/28 Javascript
Angularjs CURD 详解及实例代码
2016/09/14 Javascript
基于vue2的table分页组件实现方法
2017/03/20 Javascript
关于bootstrap日期转化,bootstrap-editable的简单使用,bootstrap-fileinput的使用详解
2017/05/12 Javascript
Angular中的$watch方法详解
2017/09/18 Javascript
在vue-cli项目中使用bootstrap的方法示例
2018/04/21 Javascript
jQuery实现获取选中复选框的值实例详解
2018/06/28 jQuery
Vue中watch、computed、updated三者的区别及用法
2020/07/27 Javascript
vue+node 实现视频在线播放的实例代码
2020/10/19 Javascript
Python实现截屏的函数
2015/07/25 Python
玩转python爬虫之URLError异常处理
2016/02/17 Python
Eclipse中Python开发环境搭建简单教程
2016/03/23 Python
Django1.7+python 2.78+pycharm配置mysql数据库
2016/10/09 Python
快速解决安装python没有scripts文件夹的问题
2018/04/03 Python
解决Keras中循环使用K.ctc_decode内存不释放的问题
2020/06/29 Python
python绘图pyecharts+pandas的使用详解
2020/12/13 Python
html5新增的定时器requestAnimationFrame实现进度条功能
2018/12/13 HTML / CSS
印尼在线精品店:Berrybenka.com
2016/10/22 全球购物
关于感恩的演讲稿400字
2014/08/26 职场文书
退税申请报告怎么写
2015/05/18 职场文书
2016党员党章学习心得体会
2016/01/14 职场文书
MybatisPlus EntityWrapper如何自定义SQL
2022/03/22 Java/Android
Tomcat执行startup.bat出现闪退的原因及解决办法
2022/04/20 Servers