js实现点击注册按钮开始读秒倒计时的小例子

js


代码如下:

<script language="javascript">
<!--
var wait_time = 8; //设置秒数(单位秒)
var secs_time = 0;         
for(var i=1;i<=wait_time;i++)
{
 window.setTimeout("sTimer("+i+")",i*1000);
}
function sTimer(num)
{
 if(num==wait_time)
 {
  document.getElementById("reg_btn").value=" 同意注册 ";
  document.getElementById("reg_btn").disabled=false;
 }
 else
 {
  secs_time=wait_time-num;
  document.getElementById("reg_btn").value="请先阅读服务条款 ("+secs_time+")";
 }
}
//-->
</script>

html


代码如下:

<div style="width:350px; text-align:center;">
<form name="regForm" method="post" action="">
<input type="submit" value="请先阅读服务条款 (0)" disabled="disabled" id="reg_btn">
<input id="BtnClose" type="button" value=" 我不同意 " onclick="window.close();">
</form>
</div>

赞 (0)

相关推荐

  • form表单action提交的js部分与html部分

    1.JS部分代码 复制代码 代码如下: /** * 提交表单 */ function submitForm(action, actName, objName, formName,blogType){ $("#"+formName).attr("action",action); //var f = document.getElementsByTagName("form")[0]; //alert(f.action); $("#"

  • 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

  • nodejs 实现模拟form表单上传文件

    nodejs 实现模拟form表单上传文件

    以前项目里有这个方法,最近在客户那里出问题了,同事说,这个方法从来就没管用过,SO,用了一天时间把这个方法给搞出来了(觉得花费的时间长了点),分享之. 代码及测试用例: var http = require('http'); var path = require('path'); var fs = require('fs'); function postFile(fileKeyValue, req) { var boundaryKey = Math.random().toString(16);

  • JS中的form.submit()不能提交表单的错误原因

    直接上代码把: 复制代码 代码如下: <div id="register">      <h4>会员注册</h4>      <div class="formdiv">          <form method="post" action="register.php?action=register" name="register" id="r

  • Javascript和Java获取各种form表单信息的简单实例

    大家都知道我们在提交form的时候用了多种input表单.可是不是每一种input表单都是很简单的用Document.getElementById的方式就可以获取到的.有一些组合的form类似于checkbox或者radio或者select我们如何用javascript获取和在服务器中获取提交过来的参数呢?多说无用.上代码: Jsp-html代码: 复制代码 代码如下: <form action="input.do" name="formkk">   &

  • 仅一个form表单 js实现注册信息依次填写提交功能

    仅一个form表单 js实现注册信息依次填写提交功能

    我们原先是一个很长的form表单,里面有很多选项.客户反馈这样不够友好,容易看花眼.因此进行改进,实现多步骤进度,多个提交的实现(其实只有一个form提交). 实现的思路:将表单的选项装入多个div中,一个显示,其他隐藏. 实现效果如下: 1.JavaScript代码 <script type="text/javascript" src="js/jquery.js"></script> <script type="text/j

  • javascript 清空form表单中某种元素的值

    下面就以情况type="text"为例: 复制代码 代码如下: <form id="form1" method="post"> <input type="text" /> <input type="text" /> <input type="button" value="clear" onclick="Refresh

  • 用户注册常用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&

  • jquery序列化form表单使用ajax提交后处理返回的json数据

    1.返回json字符串: 复制代码 代码如下: /** 将一个字符串输出到浏览器 */     protected void writeJson(String json) {         PrintWriter pw = null;         try {             servletResponse.setContentType("text/plain;charset=UTF-8");             pw = servletResponse.getWrit

  • Extjs学习笔记之三 extjs form更多的表单项

    Extjs学习笔记之三 extjs form更多的表单项

    1.日期选择框,DateField 日期选择框在日常项目中被广泛应用,一个方便的日期输入机制能够极大的提高用户体验.Extjs的DateField非常友好灵活强大.可以通过如下代码新建一个日期选择框: 复制代码 代码如下: new Ext.form.DateField({ id: 'diliveryDate', format: 'Y年m月d日', maxValue: new Date(), minValue: '1900-01-01', disabledDays: [0, 6], disable

随机推荐