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 Eval 函数使用
Mar 23 Javascript
jQuery操作CheckBox的方法介绍(选中,取消,取值)
Feb 04 Javascript
火狐下input焦点无法重复获取问题的解决方法
Jun 16 Javascript
js实现人才网站职位选择功能的方法
Aug 14 Javascript
JS返回只包含数字类型的数组实例分析
Dec 16 Javascript
解决vue2.x中数据渲染以及vuex缓存的问题
Jul 13 Javascript
基于ExtJs在页面上window再调用Window的事件处理方法
Jul 26 Javascript
在Vue中如何使用Cookie操作实例
Jul 27 Javascript
基于Vue的移动端图片裁剪组件功能
Nov 28 Javascript
cnpm加速Angular项目创建的方法
Sep 07 Javascript
Javascript实现秒表计时游戏
May 27 Javascript
微信小程序返回上一级页面的实现代码
Jun 19 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中的排序函数sort、asort、rsort、krsort、ksort区别分析
2014/08/18 PHP
Linux中为php配置伪静态
2014/12/17 PHP
php使用COPY函数更新配置文件的方法
2015/06/18 PHP
PHP防止图片盗用(盗链)的方法小结
2016/11/11 PHP
解决laravel5.4下的group by报错的问题
2019/10/16 PHP
extjs grid取到数据而不显示的解决
2008/12/29 Javascript
js url传值中文乱码之解决之道
2009/11/20 Javascript
Microsoft Ajax Minifier 压缩javascript的方法
2010/03/05 Javascript
jquery下jstree简单应用 - v1.0
2011/04/14 Javascript
js事件冒泡实例分享(已测试)
2013/04/23 Javascript
javascript框架设计读书笔记之种子模块
2014/12/02 Javascript
jQuery移动页面开发中的触摸事件与虚拟鼠标事件简介
2015/12/03 Javascript
浅谈Node.js:fs文件系统模块
2016/12/08 Javascript
AngularJS动态菜单操作指令
2017/04/25 Javascript
利用forever和pm2部署node.js项目过程
2017/05/10 Javascript
laydate 显示结束时间不小于开始时间的实例
2017/08/11 Javascript
JavaScript 数组去重并统计重复元素出现的次数实例
2017/12/14 Javascript
Node层模拟实现multipart表单的文件上传示例
2018/01/02 Javascript
Vue仿今日头条实例详解
2018/02/06 Javascript
electron-vue利用webpack打包实现多页面的入口文件问题
2019/05/12 Javascript
vue导航栏部分的动态渲染实例
2019/11/01 Javascript
Ubuntu安装Jupyter Notebook教程
2017/10/18 Python
python3利用smtplib通过qq邮箱发送邮件方法示例
2017/12/03 Python
pycharm 将python文件打包为exe格式的方法
2019/01/16 Python
Win10 安装PyCharm2019.1.1(图文教程)
2019/09/29 Python
如何安装并在pycharm使用selenium的方法
2020/04/30 Python
使用Python制作一盏 3D 花灯喜迎元宵佳节
2021/02/26 Python
StubHub新加坡:购买和出售全球活动门票
2017/03/10 全球购物
英国排名第一的在线宠物用品商店:Monster Pet Supplies
2018/05/20 全球购物
借款协议书范本
2014/04/22 职场文书
道德大讲堂实施方案
2014/05/14 职场文书
股份合作协议书
2014/09/10 职场文书
2014年度安全工作总结
2014/12/04 职场文书
运动会开幕式通讯稿
2015/07/18 职场文书
nginx搭建图片服务器的过程详解(root和alias的区别)
2021/03/31 Servers
Win10 最新稳定版本 21H2开始推送
2022/04/19 数码科技