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 相关文章推荐
jquery按回车提交数据的代码示例
Nov 05 Javascript
七个不允许错过的jQuery小技巧
Dec 21 Javascript
JS定时器使用,定时定点,固定时刻,循环执行详解
May 31 Javascript
jQuery设置图片等比例缩小的方法
Apr 29 jQuery
详解微信小程序 相对定位和绝对定位
May 11 Javascript
基于vue.js的分页插件详解
Nov 27 Javascript
自定义Vue组件打包、发布到npm及使用教程
May 22 Javascript
vue实现一拉到底的滑动验证
Jul 25 Javascript
中级前端工程师必须要掌握的27个JavaScript 技巧(干货总结)
Sep 23 Javascript
JS实现拼图游戏
Jan 29 Javascript
微信小程序 SOTER 生物认证DEMO 指纹识别功能
Dec 13 Javascript
antdesign-vue结合sortablejs实现两个table相互拖拽排序功能
Jan 08 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
php下保存远程图片到本地的办法
2010/08/08 PHP
php开发留言板的CRUD(增,删,改,查)操作
2012/04/19 PHP
基于initPHP的框架介绍
2013/04/18 PHP
PHP简单选择排序算法实例
2015/01/26 PHP
WordPress中使主题支持小工具以及添加插件启用函数
2015/12/22 PHP
PHP4和PHP5版本下解析XML文档的操作方法实例分析
2017/05/20 PHP
PHP 实现人民币小写转换成大写的方法及大小写转换函数
2017/11/17 PHP
PHP实现基于图的深度优先遍历输出1,2,3...n的全排列功能
2017/11/10 PHP
PHP CURL使用详解
2019/03/21 PHP
一些有关检查数据的JS代码
2006/09/07 Javascript
JS+CSS实现一个气泡提示框
2013/08/18 Javascript
js中的preventDefault与stopPropagation详解
2014/01/29 Javascript
一个JavaScript去除字符串末尾的空白实例代码
2014/09/22 Javascript
深入探讨JavaScript String对象
2015/03/09 Javascript
js replace()去除代码中空格的实例
2017/02/14 Javascript
JS设置时间无效问题的解决办法
2017/02/18 Javascript
使用mock.js随机数据和使用express输出json接口的实现方法
2018/01/07 Javascript
angularJS开发注意事项
2018/05/26 Javascript
利用vue.js把静态json绑定bootstrap的table方法
2018/08/28 Javascript
javascript跳转与返回和刷新页面的实例代码
2019/11/20 Javascript
ES6如何用一句代码实现函数的柯里化
2020/01/18 Javascript
Vue插件之滑动验证码用法详解
2020/04/05 Javascript
[03:09]DOTA2亚洲邀请赛 LGD战队出场宣传片
2015/02/07 DOTA
实例讲解Python中global语句下全局变量的值的修改
2016/06/16 Python
详解Python中如何写控制台进度条的整理
2018/03/07 Python
python并发爬虫实用工具tomorrow实用解析
2019/09/25 Python
Python超越函数积分运算以及绘图实现代码
2019/11/20 Python
如何基于python操作json文件获取内容
2019/12/24 Python
python正则表达式匹配IP代码实例
2019/12/28 Python
详解用Python爬虫获取百度企业信用中企业基本信息
2020/07/02 Python
Python实现GIF图倒放
2020/07/16 Python
基于Python的接口自动化unittest测试框架和ddt数据驱动详解
2021/01/27 Python
顶丰TOPPIK台湾官网:增发纤维假发,告别秃发困扰
2018/06/13 全球购物
应用英语专业自荐信
2014/01/26 职场文书
旅游业大学生创业计划书
2014/01/31 职场文书
借款民事起诉状范文
2015/05/19 职场文书