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 相关文章推荐
User Scripts: Video Download by User Scripts
May 14 Javascript
Javascript 入门基础学习
Mar 10 Javascript
jQuery移除tr无效的解决方法(tr是动态添加)
Sep 22 Javascript
Boostrap入门准备之border box
May 09 Javascript
JS闭包、作用域链、垃圾回收、内存泄露相关知识小结
May 16 Javascript
jQuery基本选择器之标签名选择器
Sep 03 Javascript
基于代数方程库Algebra.js解二元一次方程功能示例
Jun 09 Javascript
AngularJS 打开新的标签页实现代码
Sep 07 Javascript
bootstrap-Treeview实现级联勾选
Nov 23 Javascript
不到200行 JavaScript 代码实现富文本编辑器的方法
Jan 03 Javascript
vue+element-ui实现表格编辑的三种实现方式
Oct 31 Javascript
Vue+webpack实现懒加载过程解析
Feb 17 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
PHP缩略图等比例无损压缩,可填充空白区域补充色
2011/06/10 PHP
利用PHP生成静态HTML文档的原理
2012/10/29 PHP
Yii2 如何在modules中添加验证码的方法
2017/06/19 PHP
常用的javascript function代码
2008/05/23 Javascript
JQuery入门—编写一个简单的JQuery应用案例
2013/01/03 Javascript
js判断为空Null与字符串为空简写方法
2014/02/24 Javascript
多个checkbox被选中时如何判断是否有自己想要的
2014/09/22 Javascript
上传图片预览JS脚本 Input file图片预览的实现示例
2014/10/23 Javascript
javascript从作用域链谈闭包
2020/07/29 Javascript
基于WebUploader的文件上传js插件
2016/08/19 Javascript
JS判断是否在微信浏览器打开的简单实例(推荐)
2016/08/24 Javascript
js实现小窗口拖拽效果
2016/12/03 Javascript
微信小程序开发之录音机 音频播放 动画实例 (真机可用)
2016/12/08 Javascript
微信JS SDK接入的几点注意事项(必看篇)
2017/06/23 Javascript
详解jQuery中的isPlainObject()使用方法
2018/02/27 jQuery
微信小程序实现折叠与展开文章功能
2018/06/12 Javascript
Vue数据双向绑定的深入探究
2018/11/27 Javascript
react-router4按需加载(踩坑填坑)
2019/01/06 Javascript
[50:28]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 Newbee vs KG
2018/04/01 DOTA
Python 流程控制实例代码
2009/09/25 Python
python中的对象拷贝示例 python引用传递
2014/01/23 Python
python使用Paramiko模块实现远程文件拷贝
2019/04/30 Python
Python3.5字符串常用操作实例详解
2019/05/01 Python
Python爬虫 bilibili视频弹幕提取过程详解
2019/07/31 Python
Django 响应数据response的返回源码详解
2019/08/06 Python
在Pytorch中计算卷积方法的区别详解(conv2d的区别)
2020/01/03 Python
分享一枚pycharm激活码适用所有pycharm版本我的pycharm2020.2.3激活成功
2020/11/20 Python
传播学毕业生求职信
2013/10/11 职场文书
体育老师的教学自我评价分享
2013/11/19 职场文书
幼教求职信
2014/03/12 职场文书
群众路线领导班子四风对照检查材料
2014/09/27 职场文书
2015年城管执法工作总结
2015/07/23 职场文书
超市主管竞聘书
2015/09/15 职场文书
2019最新版试用期劳动合同模板!
2019/07/04 职场文书
Python一些基本的图像操作和处理总结
2021/06/23 Python
SQL实现LeetCode(175.联合两表)
2021/08/04 MySQL