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 相关文章推荐
开发 Internet Explorer 右键功能表(ContextMenu)
Jul 03 Javascript
js导出格式化的excel 实例方法
Jul 17 Javascript
JS脚本defer的作用示例介绍
Jan 02 Javascript
Javascript中使用parseInt函数需要注意的问题
Apr 02 Javascript
javascript实现的简单的表单验证
Jul 10 Javascript
jQuery实现的仿百度分页足迹效果代码
Oct 30 Javascript
js省市联动效果完整实例代码
Dec 09 Javascript
浅谈AngularJS中使用$resource(已更新)
Sep 14 Javascript
打通前后端构建一个Vue+Express的开发环境
Jul 17 Javascript
javascript和php使用ajax通信传递JSON的实例
Aug 21 Javascript
Vue刷新修改页面中数据的方法
Sep 16 Javascript
Vue中inheritAttrs的使用实例详解
Dec 31 Vue.js
浅谈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
基于mysql的论坛(5)
2006/10/09 PHP
PDO预处理语句PDOStatement对象使用总结
2014/11/20 PHP
PHP加密3DES报错 Call to undefined function: mcrypt_module_open() 如何解决
2016/04/17 PHP
在Thinkphp中使用ajax实现无刷新分页的方法
2016/10/25 PHP
php多进程并发编程防止出现僵尸进程的方法分析
2020/02/28 PHP
增强的 JavaScript 的 trim 函数的代码
2007/08/13 Javascript
全面理解面向对象的 JavaScript(来自ibm)
2013/11/10 Javascript
推荐5 个常用的JavaScript调试技巧
2015/01/08 Javascript
JavaScript中数据结构与算法(二):队列
2015/06/19 Javascript
JavaScript实现将文本框的值插入指定位置的方法
2015/08/13 Javascript
JavaScript中Function函数与Object对象的关系
2015/12/17 Javascript
ES6实现的遍历目录函数示例
2017/04/07 Javascript
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
2017/04/13 jQuery
(模仿京东用户注册)用JQuery实现简单表单验证,初学者必看
2018/01/08 jQuery
解决vue2中使用axios http请求出现的问题
2018/03/05 Javascript
AngularJS与BootStrap模仿百度分页的示例代码
2018/05/23 Javascript
微信小程序使用canvas自适应屏幕画海报并保存图片功能
2019/07/25 Javascript
Nodejs在局域网配置https访问的实现方法
2020/10/17 NodeJs
python根据时间生成mongodb的ObjectId的方法
2015/03/13 Python
Python中最常用的操作列表的几种方法归纳
2015/04/24 Python
在Python中操作时间之strptime()方法的使用
2020/12/30 Python
tensorflow建立一个简单的神经网络的方法
2018/02/10 Python
numpy数组广播的机制
2019/07/12 Python
Python中的None与 NULL(即空字符)的区别详解
2020/09/24 Python
python pillow库的基础使用教程
2021/01/13 Python
详解CSS3 用border写 空心三角箭头 (两种写法)
2017/09/29 HTML / CSS
微软俄罗斯官方网站:Microsoft俄罗斯
2016/09/18 全球购物
红色康乃馨酒店:Red Carnation Hotels
2017/06/22 全球购物
Vichy薇姿加拿大官网:法国药妆,全球专业敏感肌护肤领先品牌
2018/07/11 全球购物
纽约香氛品牌:NEST Fragrance
2018/10/15 全球购物
学生实习证明范文
2014/09/28 职场文书
国际贸易实务实训报告
2014/11/05 职场文书
2015元旦家电促销活动策划方案
2014/12/09 职场文书
党小组鉴定意见
2015/06/02 职场文书
2016元旦文艺汇演主持词
2015/07/06 职场文书
新娘婚礼答谢词
2015/09/29 职场文书