js实现用户注册协议倒计时的方法


Posted in Javascript onJanuary 21, 2015

本文实例讲述了js实现用户注册协议倒计时的方法。分享给大家供大家参考。具体实现方法如下:

<html xmlns="http://www.w3.org/1999/xhtml">  

<head>  

    <title>注册</title>  

    <script type="text/javascript">  

        //用户有十秒钟的时间看协议,超过十秒钟,“同意”按钮将生效  

        var Seconds = 10;  

        //计时器ID  

        var setIntervalID;  

        function ok() {  

            var getid = document.getElementById("but");  

            if (Seconds <= 0) {  

                getid.value="同意";  

                getid.disabled = false; //或者写成getid.disabled=""; 启用getid控件。  

                //停止计时器  

                clearInterval(setIntervalID);  

            }  

            else {  

                getid.value = "请仔细阅读协议还剩下【" + Seconds + "】秒"; 

            }  

            Seconds--;  

        }  

      setIntervalID=setInterval("ok()", 1000);  

    </script>  

</head>  

<body>  

<textarea  cols="20" rows="8"></textarea><br />  

<!--disabled="disabled" 默认submit表单是禁用的,也就是只读的,不能点击-->

<input type="submit" id ="but" value="同意" disabled="disabled" />  

</body>  

</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
一段利用WSH修改和查看IP配置的代码
May 11 Javascript
js实现收缩菜单效果实例代码
Oct 30 Javascript
禁止iframe页面的所有js脚本如alert及弹出窗口等
Sep 03 Javascript
实例讲解jquery中mouseleave和mouseout的区别
Feb 17 Javascript
快速解决js中window.location.href不工作的问题
Nov 02 Javascript
获取JavaScript异步函数的返回值
Dec 21 Javascript
Bootstrap实现提示框和弹出框效果
Jan 11 Javascript
layer弹出的iframe层在执行完毕后关闭当前弹出层的方法
Aug 17 Javascript
vue单页缓存方案分析及实现
Sep 25 Javascript
vue+echarts实现动态绘制图表及异步加载数据的方法
Oct 17 Javascript
vue+导航锚点联动-滚动监听和点击平滑滚动跳转实例
Nov 13 Javascript
Vue elementui字体图标显示问题解决方案
Aug 18 Javascript
浅谈javascript 归并方法
Jan 21 #Javascript
JS获取时间的方法
Jan 21 #Javascript
javascript中数组的定义及使用实例
Jan 21 #Javascript
html的DOM中document对象anchors集合用法实例
Jan 21 #Javascript
javascript 获取浏览器版本
Jan 21 #Javascript
javascript 实现 原路返回
Jan 21 #Javascript
html的DOM中document对象forms集合用法实例
Jan 21 #Javascript
You might like
通过ODBC连接的SQL SERVER实例
2006/10/09 PHP
PHP与MySQL开发中页面乱码的产生与解决
2008/03/27 PHP
深入理解PHP原理之异常机制
2010/08/21 PHP
php中的Base62类(适用于数值转字符串)
2013/08/12 PHP
php字符串的替换,分割和连接方法
2016/05/23 PHP
php中__toString()方法用法示例
2016/12/07 PHP
php中遍历二维数组并以表格的形式输出的方法
2017/01/03 PHP
Yii框架弹出框功能示例
2017/01/07 PHP
PHP全功能无变形图片裁剪操作类与用法示例
2017/01/10 PHP
PHP的图像处理实例小结【文字水印、图片水印、压缩图像等】
2019/12/20 PHP
Laravel 框架控制器 Controller原理与用法实例分析
2020/04/14 PHP
清除网页历史记录,屏蔽后退按钮!
2008/12/22 Javascript
javascript 常用功能总结
2012/03/18 Javascript
jquery ajax属性async(同步异步)示例
2013/11/05 Javascript
jquery中获得元素尺寸和坐标的方法整理
2014/05/18 Javascript
js重写alert控件(适合学习js的新手朋友)
2014/08/24 Javascript
JS组件Bootstrap实现弹出框和提示框效果代码
2015/12/08 Javascript
JavaScript实现点击按钮直接打印
2016/01/06 Javascript
Vue常用指令V-model用法
2017/03/08 Javascript
全面解析Vue中的$nextTick
2020/12/24 Vue.js
[52:05]EG vs OG 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
python实现多线程暴力破解登陆路由器功能代码分享
2015/01/04 Python
Python虚拟环境项目实例
2017/11/20 Python
如何不用安装python就能在.NET里调用Python库
2019/07/12 Python
使用Python画出小人发射爱心的代码
2019/11/23 Python
TensorFlow实现从txt文件读取数据
2020/02/05 Python
美国孕妇装品牌:Destination Maternity
2018/02/04 全球购物
MSC邮轮官方网站:加勒比海、地中海和世界各地的假期
2018/08/27 全球购物
犹他州最古老的体育用品公司:Al’s
2020/12/18 全球购物
大学系主任推荐信范文
2013/12/24 职场文书
监理资料员岗位职责
2014/01/03 职场文书
学校三节实施方案
2014/06/09 职场文书
2014年学校食堂工作总结
2014/11/25 职场文书
2014年班务工作总结
2014/12/02 职场文书
闭幕词的写作格式与范文!
2019/06/24 职场文书
springboot中rabbitmq实现消息可靠性机制详解
2021/09/25 Java/Android