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 相关文章推荐
js操作时间(年-月-日 时-分-秒 星期几)
Jun 20 Javascript
js中eval()函数和trim()去掉字符串左右空格应用
Feb 02 Javascript
jQuery CSS()方法改变现有的CSS样式表
Sep 09 Javascript
jQuery中offsetParent()方法用法实例
Jan 19 Javascript
简单理解vue中track-by属性
Oct 26 Javascript
bootstrap IE8 兼容性处理
Mar 22 Javascript
jquery ajax异步提交表单数据的方法
Oct 27 jQuery
Vue通过URL传参如何控制全局console.log的开关详解
Dec 07 Javascript
深入探讨JavaScript的最基本部分之执行上下文
Feb 12 Javascript
JS查找孩子节点简单示例
Jul 25 Javascript
package.json各个属性说明详解
Mar 11 Javascript
一百多行代码实现react拖拽hooks
Mar 23 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
常用星际术语索引(新手指南)
2020/03/04 星际争霸
PHP屏蔽蜘蛛访问代码及常用搜索引擎的HTTP_USER_AGENT
2013/03/06 PHP
thinkphp3查询mssql数据库乱码解决方法分享
2014/02/11 PHP
phpMyAdmin自动登录和取消自动登录的配置方法
2014/05/12 PHP
WordPress开发中短代码的实现及相关函数使用技巧
2016/01/05 PHP
php函数传值的引用传递注意事项分析
2016/06/25 PHP
Thinkphp 在api开发中异常返回依然是html的解决方式
2019/10/16 PHP
In Javascript Class, how to call the prototype method.(three method)
2007/01/09 Javascript
JavaScript监测ActiveX控件是否已经安装过的代码
2008/09/02 Javascript
Extjs gridpanel 出现横向滚动条问题的解决方法
2011/07/04 Javascript
详解ECMAScript6入门--Class对象
2017/04/27 Javascript
JavaScript实现一个空中避难的小游戏
2017/06/06 Javascript
详解webpack 热更新优化
2018/09/13 Javascript
vue $set 给数据赋值的实例
2019/11/09 Javascript
小程序中使用css var变量(使js可以动态设置css样式属性)
2020/03/31 Javascript
addEventListener()和removeEventListener()追加事件和删除追加事件
2020/12/04 Javascript
探索Python3.4中新引入的asyncio模块
2015/04/08 Python
Python基于scapy实现修改IP发送请求的方法示例
2017/07/08 Python
详解Django中间件的5种自定义方法
2018/07/26 Python
Django实现whoosh搜索引擎使用jieba分词
2020/04/08 Python
佳能英国官方网站:Canon UK
2017/08/08 全球购物
Vichy薇姿加拿大官网:法国药妆,全球专业敏感肌护肤领先品牌
2018/07/11 全球购物
iHerb俄罗斯:维生素、补品和天然产品
2020/07/09 全球购物
网络编程中设计并发服务器,使用多进程与多线程,请问有什么区别?
2016/03/27 面试题
应届生会计求职信
2013/11/11 职场文书
公司司机岗位职责
2014/02/07 职场文书
文秘应聘自荐书范文
2014/02/18 职场文书
学雷锋演讲稿
2014/03/04 职场文书
小学捐书活动总结
2014/07/05 职场文书
销售工作决心书
2015/02/04 职场文书
个人优缺点总结
2015/02/28 职场文书
东京审判观后感
2015/06/01 职场文书
国博复兴之路观后感
2015/06/02 职场文书
2015年城乡环境综合治理工作总结
2015/07/24 职场文书
乡镇司法所2015年度工作总结
2015/10/14 职场文书
python简单验证码识别的实现过程
2021/06/20 Python