js实现用户注册协议倒计时的方法

本文实例讲述了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程序设计有所帮助。

赞 (0)

相关推荐

  • js简单实现用户注册信息的校验代码

    register.html 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta htt

  • javascript用户注册提示效果的简单实例

    复制代码 代码如下: <script type="text/javascript">var $= function(id){ return document.getElementById(id);}function check(){ if( $('username').value == "" ) {  $('eusername').innerHTML='<p class="login_jjB"> 请输入注册用户名!<

  • 用户注册常用javascript代码

    复制代码 代码如下: <%@ page contentType="text/html; charset=gb2312" language="java"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head&

  • JavaWeb实现用户登录注册功能实例代码(基于Servlet+JSP+JavaBean模式)

    JavaWeb实现用户登录注册功能实例代码(基于Servlet+JSP+JavaBean模式)

    下面通过通过图文并茂的方式给大家介绍JavaWeb实现用户登录注册功能实例代码,一起看看吧. 一.Servlet+JSP+JavaBean开发模式(MVC)介绍 Servlet+JSP+JavaBean模式(MVC)适合开发复杂的web应用,在这种模式下,servlet负责处理用户请求,jsp负责数据显示,javabean负责封装数据. Servlet+JSP+JavaBean模式程序各个模块之间层次清晰,web开发推荐采用此种模式. 这里以一个最常用的用户登录注册程序来讲解Servlet+JS

  • JSP实现用户登录、注册和退出功能

    JSP实现用户登录、注册和退出功能

    本文讲述使用JSP实现用户登录,包括用户登录.注册和退出功能等. 1.系统用例图 2.页面流程图 3.数据库设计 本例使用oracle数据库 创建用户表 包括id,username,password和email,共4个字段 -- Create table create table P_USER ( id VARCHAR2(50) not null, username VARCHAR2(20), password VARCHAR2(20), email VARCHAR2(50) ) tablesp

  • jsp基于XML实现用户登录与注册的实例解析（附源码）

    jsp基于XML实现用户登录与注册的实例解析（附源码）

    简单的基于xml做数据库的登录与注册 主题介绍: 1.xml的读取和存储,主要是用到dom4j技术,(网络中的文件存储路径采用classLoader) 文件的读取和存储,写了一个工厂类 public class DocumentFactory { private static Document dom=null;//需要共享一个dom,所以需要设置为static private static String name="user.xml"; private static String f

  • php用户注册页面利用js进行表单验证具体实例

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">     <head>         <meta ht

  • mvc C# JavaScript LigerUI oracle实现用户的注册、登陆验证、登陆

    mvc C# JavaScript LigerUI oracle实现用户的注册、登陆验证、登陆

    一.登录数据库,在数据库中创建表User00,并且插入数据. 表的字段分别为: Id(编号).Name(姓名).Grid(级别).Score(积分).Password(密码).Age(年龄).Code(邀请码).(其中编号是自动编号) 部分命令如下: select * from User00; /*查询User00*/ insert into User00 values('one','优',10000,'123',24); /*插入一行数据*/ update User00 set Grid='优

  • 用于判断用户注册时，密码强度的JS代码

    <script language=javascript> //CharMode函数 //测试某个字符是属于哪一类. function CharMode(iN){ if (iN>=48 && iN <=57) //数字 return 1; if (iN>=65 && iN <=90) //大写字母 return 2; if (iN>=97 && iN <=122) //小写 return 4; else retu

  • H5用户注册表单页 注册模态框!

    本实例为大家分享了H5表单验证新特性,如何用户注册表单页,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>用户注册表单页</title> <style> #form_content{ width:600px; margin:0 auto; position:absol

随机推荐