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 相关文章推荐
表单元素事件 (Form Element Events)
Jul 17 Javascript
javascript中substr,substring,slice.splice的区别说明
Nov 25 Javascript
javascript对select标签的控制(option选项/select)
Jan 31 Javascript
Jquery 自定义动画概述及示例
Mar 29 Javascript
Js 正则表达式知识汇总
Dec 02 Javascript
js实现按钮颜色渐变动画效果
Aug 20 Javascript
AngularJs自定义服务之实现签名和加密
Aug 02 Javascript
详解js静态资源文件请求的处理
Aug 01 Javascript
详解用函数式编程对JavaScript进行断舍离
Sep 18 Javascript
在vue项目中使用Nprogress.js进度条的方法
Jan 31 Javascript
微信小程序登陆注册功能的实现代码
Dec 10 Javascript
JS如何生成随机验证码
Mar 02 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 验证图片生成函数
2009/05/21 PHP
JS backgroundImage控制
2009/05/19 Javascript
JavaScript 继承详解 第一篇
2009/08/30 Javascript
JavaScript OOP面向对象介绍
2010/12/02 Javascript
JavaScript中的迭代器和生成器详解
2014/10/29 Javascript
Jquery实现地铁线路指示灯提示牌效果的方法
2015/03/02 Javascript
jquery attr()设置和获取属性值实例教程
2016/09/25 Javascript
jquery结合html实现中英文页面切换
2016/11/29 Javascript
详解jQuery选择器
2016/12/21 Javascript
折叠菜单及选择器的运用
2017/02/03 Javascript
深究AngularJS如何获取input的焦点(自定义指令)
2017/06/12 Javascript
JavaScript中常见内置函数用法示例
2018/05/14 Javascript
JavaScript封装的常用工具类库bee.js用法详解【经典类库】
2018/09/03 Javascript
详解webpack之图片引入-增强的file-loader:url-loader
2018/10/08 Javascript
傻瓜式解读koa中间件处理模块koa-compose的使用
2018/10/30 Javascript
微信小程序中网络请求缓存的解决方法
2019/12/29 Javascript
微信小程序利用for循环解决内容变更问题
2020/03/05 Javascript
python 七种邮件内容发送方法实例
2014/04/22 Python
python 爬虫出现403禁止访问错误详解
2017/03/11 Python
python定时利用QQ邮件发送天气预报的实例
2017/11/17 Python
详解python3中tkinter知识点
2018/06/21 Python
利用python提取wav文件的mfcc方法
2019/01/09 Python
浅谈Tensorflow加载Vgg预训练模型的几个注意事项
2020/05/26 Python
Python函数的迭代器与生成器的示例代码
2020/06/18 Python
python绘制汉诺塔
2021/03/01 Python
Hawes & Curtis官网:英国经典品牌
2019/07/27 全球购物
介绍一下MYSQL常用的优化技巧
2012/10/25 面试题
机电专业大学生求职信
2013/10/04 职场文书
护士自荐信怎么写
2013/10/18 职场文书
5.1手机促销活动
2014/01/17 职场文书
邓小平理论心得体会
2014/09/09 职场文书
农业局党的群众路线教育实践活动整改方案
2014/09/20 职场文书
实习证明格式范文
2014/10/14 职场文书
工作后的感想
2015/08/07 职场文书
阿里云服务器搭建Php+Apache运行环境的详细过程
2021/05/15 PHP
一文带你理解vue创建一个后台管理系统流程(Vue+Element)
2021/05/18 Vue.js