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实现日历可获得指定日期周数及星期几示例分享(js获取星期几)
Mar 14 Javascript
JavaScript日期时间格式化函数分享
May 05 Javascript
Javascript的无new构建实例详解
May 15 Javascript
Vue监听数组变化源码解析
Mar 09 Javascript
jQuery插件HighCharts绘制简单2D柱状图效果示例【附demo源码】
Mar 21 jQuery
Vue核心概念Action的总结
Jan 18 Javascript
读懂CommonJS的模块加载
Apr 19 Javascript
js实现3D照片墙效果
Oct 28 Javascript
解决vue项目F5刷新mounted里的函数不执行问题
Nov 05 Javascript
vue实现导航标题栏随页面滚动渐隐渐显效果
Mar 12 Javascript
vue-cli4使用全局less文件中的变量配置操作
Oct 21 Javascript
JS代码编译器Monaco使用方法
Jun 11 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
常用表单验证类,有了这个,一般的验证就都齐了。
2006/12/06 PHP
PHP冒泡排序算法代码详细解读
2011/07/17 PHP
PHP单例模式简单用法示例
2017/06/23 PHP
PHP生成加减算法方式的验证码实例
2018/03/12 PHP
关于 byval 与 byref 的区别分析总结
2007/10/08 Javascript
JavaScript 基础问答三
2008/12/03 Javascript
JavaScript Event学习第二章 Event浏览器兼容性
2010/02/07 Javascript
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(上:事件篇)
2010/03/24 Javascript
jQuery实现的多选框多级联动插件
2014/05/02 Javascript
jQuery中:has选择器用法实例
2014/12/30 Javascript
jQuery动画效果图片轮播特效
2016/01/12 Javascript
nodeJs爬虫获取数据简单实现代码
2016/03/29 NodeJs
vue.js初学入门教程(2)
2016/11/07 Javascript
原生JS实现留言板
2020/03/26 Javascript
js实现时间日期校验
2020/05/26 Javascript
JavaScript中reduce()的5个基本用法示例
2020/07/19 Javascript
Python中多线程及程序锁浅析
2015/01/21 Python
Python遍历目录的4种方法实例介绍
2015/04/13 Python
Python yield与实现方法代码分析
2018/02/06 Python
python高级特性简介
2020/08/13 Python
python编程的核心知识点总结
2021/02/08 Python
阿里健康大药房:阿里自营网上药店
2017/08/01 全球购物
英国最大的婴儿监视器网上商店:Baby Monitors Direct
2018/04/24 全球购物
static函数与普通函数有什么区别
2015/12/25 面试题
募捐倡议书怎么写
2014/05/14 职场文书
职业规划实施方案
2014/06/10 职场文书
2014年入党积极分子党校培训心得体会
2014/07/08 职场文书
大学教师师德师风演讲稿
2014/08/22 职场文书
工作证明格式及范本
2014/09/12 职场文书
“向国旗敬礼”主题班会活动设计方案
2014/09/27 职场文书
工作试用期自我评价
2015/03/10 职场文书
2015年班组工作总结
2015/04/20 职场文书
原告离婚代理词
2015/05/23 职场文书
六年级数学教学反思
2016/02/16 职场文书
Python人工智能之混合高斯模型运动目标检测详解分析
2021/11/07 Python
Java GUI编程菜单组件实例详解
2022/04/07 Java/Android