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、CSS加载中的小问题探讨
Nov 26 Javascript
javascript if条件判断方法小结
May 17 Javascript
一个Action如何调用两个不同的方法
May 22 Javascript
js实现图片上传并正常显示
Dec 19 Javascript
实例讲解JS中setTimeout()的用法
Jan 28 Javascript
JavaScript SHA1加密算法实现详细代码
Oct 06 Javascript
Angular2 之 路由与导航详细介绍
May 26 Javascript
详解webpack4多入口、多页面项目构建案例
May 25 Javascript
react 国际化的实现代码示例
Sep 14 Javascript
JavaScript面试中常考的字符串操作方法大全(包含ES6)
May 10 Javascript
微信小程序通过websocket实时语音识别的实现代码
Aug 19 Javascript
Javascript节流函数throttle和防抖函数debounce
Dec 03 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实现登陆验证码(类似条行码状)
2006/10/09 PHP
jQuery+PHP实现的掷色子抽奖游戏实例
2015/01/04 PHP
WordPress中重置文章循环的rewind_posts()函数讲解
2016/01/11 PHP
PHP+Ajax实现的无刷新分页功能详解【附demo源码下载】
2017/07/03 PHP
thinkphp分页集成实例
2017/07/24 PHP
php redis setnx分布式锁简单原理解析
2020/10/23 PHP
javascript下有关dom以及xml节点访问兼容问题
2007/11/26 Javascript
jquery实现简单的拖拽效果实例兼容所有主流浏览器(优化篇)
2013/06/28 Javascript
js实现的点击div区域外隐藏div区域
2014/06/30 Javascript
轻松创建nodejs服务器(10):处理上传图片
2014/12/18 NodeJs
JS控制弹出新页面窗口位置和大小的方法
2015/03/02 Javascript
js实现延迟加载的方法
2015/06/24 Javascript
JavaScript实现自动弹出窗口并自动关闭窗口的方法
2015/08/06 Javascript
实例详解ECMAScript5中新增的Array方法
2016/04/05 Javascript
利用JavaScript实现拖拽改变元素大小
2016/12/14 Javascript
基于jquery二维码生成插件qrcode
2017/01/07 Javascript
jQuery内容筛选选择器实例代码
2017/02/06 Javascript
Vue.js中轻松解决v-for执行出错的三个方案
2017/06/09 Javascript
CKEditor4配置与开发详细中文说明文档
2018/10/08 Javascript
微信小程序实现自动定位功能
2018/10/31 Javascript
javascript简单实现深浅拷贝过程详解
2019/10/08 Javascript
js实现图片跟随鼠标移动效果
2019/10/16 Javascript
21行Python代码实现拼写检查器
2016/01/25 Python
Python切换pip安装源的方法详解
2016/11/18 Python
python 实时得到cpu和内存的使用情况方法
2018/06/11 Python
python 3.3 下载固定链接文件并保存的方法
2018/12/18 Python
python调用动态链接库的基本过程详解
2019/06/19 Python
详解Django CAS 解决方案
2019/10/30 Python
如何将你的应用迁移到Python3的三个步骤
2019/12/22 Python
Html5基于canvas实现电子签名并生成PDF文档
2020/12/07 HTML / CSS
高一物理教学反思
2014/01/24 职场文书
软件研发工程师岗位职责
2014/09/30 职场文书
学校开学标语
2014/10/06 职场文书
小学美术教学反思
2016/02/17 职场文书
Python词云的正确实现方法实例
2021/05/08 Python
阿里云k8s服务升级时502错误 springboot项目应用
2022/04/09 Servers