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拖拽的效果类和dom-drag.js浅析
Jul 17 Javascript
JS中Date日期函数中的参数使用介绍
Jan 02 Javascript
JavaScript学习心得之概述
Jan 20 Javascript
js贪吃蛇网页版游戏特效代码分享(挑战十关)
Aug 24 Javascript
javascript数据类型验证方法
Dec 31 Javascript
基于JS实现导航条flash导航条
Jun 17 Javascript
AngularJS中的包含详细介绍及实现示例
Jul 28 Javascript
jQuery排序插件tableSorter使用方法
Feb 10 Javascript
通过构造函数实例化对象的方法
Jun 28 Javascript
Vue组件模板形式实现对象数组数据循环为树形结构(实例代码)
Jul 31 Javascript
使用JS中的Replace()方法遇到的问题小结
Oct 20 Javascript
js隐式转换的知识实例讲解
Sep 28 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
完美解决令人抓狂的zend studio 7代码提示(content Assist)速度慢的问题
2013/06/20 PHP
php 中奖概率算法实现代码
2017/01/25 PHP
在jQuery ajax中按钮button和submit的区别分析
2012/10/07 Javascript
JavaScript插件化开发教程(五)
2015/02/01 Javascript
简单介绍JavaScript中字符串创建的基本方法
2015/07/07 Javascript
学做Bootstrap的第一个页面
2016/05/15 HTML / CSS
JavaScript中apply方法的应用技巧小结
2016/09/29 Javascript
详解Angular.js的$q.defer()服务异步处理
2016/11/06 Javascript
详解Vue-Cli 异步加载数据的一些注意点
2017/08/12 Javascript
vue动态路由实现多级嵌套面包屑的思路与方法
2017/08/16 Javascript
JavaScript代码判断输入的字符串是否含有特殊字符和表情代码实例
2017/08/17 Javascript
浅谈Express异步进化史
2017/09/09 Javascript
Vue使用枚举类型实现HTML下拉框步骤详解
2018/02/05 Javascript
js 实现在2d平面上画8的方法
2018/10/10 Javascript
详解vue-flickity的fullScreen功能实现
2020/04/07 Javascript
[01:33:59]真人秀《加油 DOTA》 第六期
2014/09/09 DOTA
[04:19]DOTA2亚洲邀请赛 现场花絮
2015/03/11 DOTA
采用Psyco实现python执行速度提高到与编译语言一样的水平
2014/10/11 Python
python使用xlrd实现检索excel中某列含有指定字符串记录的方法
2015/05/09 Python
Python实现将照片变成卡通图片的方法【基于opencv】
2018/01/17 Python
使用Python opencv实现视频与图片的相互转换
2019/07/08 Python
python函数定义和调用过程详解
2020/02/09 Python
使用python执行shell脚本 并动态传参 及subprocess的使用详解
2020/03/06 Python
手把手教你安装Windows版本的Tensorflow
2020/03/26 Python
HTML5资源预加载(Link prefetch)详细介绍(给你的网页加速)
2014/05/07 HTML / CSS
英国著名的药妆网站:Escentual
2016/07/29 全球购物
美国波西米亚风格精品店:South Moon Under
2019/10/26 全球购物
JAVA语言如何进行异常处理,关键字:throws,throw,try,catch,finally分别代表什么意义?在try块中可以抛出异常吗?
2013/07/02 面试题
留学自荐信的技巧
2013/10/17 职场文书
志愿者活动总结
2014/04/28 职场文书
学雷锋活动总结报告
2014/06/26 职场文书
买卖合同协议书范本
2014/10/18 职场文书
2014年档案管理员工作总结
2014/12/01 职场文书
务工证明怎么写
2015/06/18 职场文书
2016大学生求职自荐信范文
2016/01/28 职场文书
助学金申请书该怎么写?
2019/07/16 职场文书