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

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>

时间: 2024-10-21 15:43:17

js实现点击注册按钮开始读秒倒计时的小例子_javascript技巧的相关文章

Js注册协议倒计时的小例子_javascript技巧

复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD>  <TITLE>  注册 </TITLE>  <META NAME="Email" CONTENT="12345678@qq.com">  <META NAME="Author"

js获取指定日期周数以及星期几的小例子_javascript技巧

JS获取日期时遇到如下需求,根据某年某周获取一周的日期.如开始日期规定为星期四到下一周的星期五为一周. 代码如下: function getNowFormatDate(theDate) { var day = theDate; var Year = 0; var Month = 0; var Day = 0; var CurrentDate = ""; // 初始化时间 Year= day.getFullYear();// ie火狐下都可以 Month= day.getMonth()+

js获取当前月的第一天和最后一天的小例子_javascript技巧

引入XDate.JS 这个小插件,不知道的百度谷歌吧 代码如下: 复制代码 代码如下: var firstDate = new Date(); firstDate.setDate(1); //第一天 var endDate = new Date(firstDate); endDate.setMonth(firstDate.getMonth()+1); endDate.setDate(0); alert("第一天:"+new XDate(firstDate).toString('yyyy

js利用数组length属性清空和截短数组的小例子_javascript技巧

1.使用length清空数组: 复制代码 代码如下: <script>    var arr1 = ['aaa','bbbb','http://www.jb51.net'];    alert(arr1);    arr1.length = 0;    alert(arr1); //数组为空</script> 2.使用length截短数组: 复制代码 代码如下: <script>    var arr1 = ['aaa','bbbb','c','d','e'];   

JS实现QQ图片一闪一闪的效果小例子_javascript技巧

复制代码 代码如下: <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=gb2312"> <TITLE>无标题文档</title> </HEAD> <BODY> <IMG id="imgId" style="visibility:visible &qu

js实现点击链接后窗口缩小并居中的方法_javascript技巧

本文实例讲述了js实现点击链接后窗口缩小并居中的方法.分享给大家供大家参考.具体分析如下: 这是一个简单的JS特效,以前没有见到过,就是当点击页面上指定文字链接的时候,页面窗口缩小,并居中显示,然后在居中的窗口中显示链接内容,但愿这些网页特效能在日后派上用场 复制代码 代码如下: <HTML><HEAD> <TITLE>窗口的缩小居中</TITLE> <META http-equiv=Content-Type content="text/ht

js实现点击文本框显示日期选择器特效代码分享_javascript技巧

为大家分享的JavaScript图片轮播代码如下 <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js点击文本框显示日期选择器</title> <link type="text/css" rel="stylesheet" href="calen

JS 实现点击a标签的时候让其背景更换_javascript技巧

复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type=text/javascript src="alabel.js"></script> <style type=&q

JS实现点击下载的小例子_javascript技巧

复制代码 代码如下: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <a   href="a.txt"   id=pic1   onclick="savepic();return false;"   style="cursor:hand">点击下载</a>