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 相关文章推荐
用javascript获取地址栏参数
Dec 22 Javascript
Javascript中String的常用方法实例分析
Jun 13 Javascript
jQuery 中的 DOM 操作
Apr 26 Javascript
jQuery简单实现上下,左右滑动的方法
Jun 01 Javascript
详细谈谈javascript的对象
Jul 31 Javascript
Bootstrap Table表格一直加载(load)不了数据的快速解决方法
Sep 17 Javascript
jquery对Json的各种遍历方法总结(必看篇)
Sep 29 Javascript
高效的jQuery代码编写技巧总结
Feb 22 Javascript
微信小程序 首页制作简单实例
Apr 07 Javascript
vue 路由嵌套高亮问题的解决方法
May 17 Javascript
vue数组对象排序的实现代码
Jun 20 Javascript
微信小程序new Date()方法失效问题解决方法
Jul 29 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生成自己的LOG文件
2006/10/09 PHP
wiki-shan写的php在线加密的解密程序
2008/09/07 PHP
PHP无敌近乎加密方式!
2010/07/17 PHP
PHP中使用crypt()实现用户身份验证的代码
2012/09/05 PHP
Laravel 5框架学习之模型、控制器、视图基础流程
2015/04/08 PHP
PHP第三方登录―QQ登录实现方法
2017/02/06 PHP
thinkPHP分页功能实例详解
2017/05/05 PHP
thinkphp5 URL和路由的功能详解与实例
2017/12/26 PHP
Laravel 实现在Blade模版中使用全局变量代替路径的例子
2019/10/22 PHP
jQuery 跨域访问问题解决方法
2009/12/02 Javascript
JavaScript几种形式的树结构菜单
2010/05/10 Javascript
jquery实现仿新浪微博带动画效果弹出层代码(可关闭、可拖动)
2015/10/12 Javascript
JS实现显示带倒影的图片横排居中放大展示特效实例【测试可用】
2016/08/23 Javascript
详谈表单重复提交的三种情况及解决方法
2017/08/16 Javascript
详解JS中的柯里化(currying)
2017/08/17 Javascript
浅谈Angular4实现热加载开发旅程
2017/09/08 Javascript
angularjs实现天气预报功能
2020/06/16 Javascript
React Native 使用Fetch发送网络请求的示例代码
2017/12/02 Javascript
JS实现键值对遍历json数组功能示例
2018/05/30 Javascript
100行代码实现vue表单校验功能(小白自编)
2019/11/19 Javascript
Python实现批量下载文件
2015/05/17 Python
Python中断言Assertion的一些改进方案
2016/10/27 Python
浅谈Python类里的__init__方法函数,Python类的构造函数
2016/12/10 Python
Pandas时间序列重采样(resample)方法中closed、label的作用详解
2019/12/10 Python
Django-rest-framework中过滤器的定制实例
2020/04/01 Python
实例教程 纯CSS3打造非常炫的加载动画效果
2014/11/05 HTML / CSS
如何使用canvas绘制可移动网格的示例代码
2020/12/14 HTML / CSS
伦敦一家西班牙童装精品店:La Coqueta
2018/02/02 全球购物
给排水工程师岗位职责
2013/11/21 职场文书
绘画专业自荐信范文
2014/02/23 职场文书
80后职场人的职业生涯规划
2014/03/08 职场文书
年会搞笑主持词
2014/03/27 职场文书
药店促销活动总结
2014/07/10 职场文书
群众路线四风问题整改措施
2014/09/27 职场文书
支教个人总结
2015/03/04 职场文书
导游词之镇江焦山
2019/11/21 职场文书