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

代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE>  注册 </TITLE>
  <META NAME="Email" CONTENT="12345678@qq.com">
  <META NAME="Author" CONTENT="MXi4oyu">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script type="text/javascript">

var s=4;
 function countsub()
 {
   var btnReg=document.getElementById("btnReg");
   if(btnReg)
   {
     if(s<=0)
  {
   btnReg.value="同意";
   btnReg.disabled=false;
   clearInterval(id);

}
  else
  {
  btnReg.value="请仔细阅读协议(还剩"+s+"秒)";
  s--;
  }
   }
 }
   var id = setInterval('countsub()',1000)
  </script>
 </HEAD>

<BODY>
 <textarea>注册协议</textarea>
  <input id="btnReg" type="button" value="同意" disabled="true" />

</BODY>
</HTML>

赞 (0)

相关推荐

  • js实现网页自动刷新可制作节日倒计时效果

    复制代码 代码如下: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta

  • 简单易用的倒计时js代码

    <!doctype html> <html> <head> <meta charset="utf-8"> <title>简单易用的倒计时js代码</title> <style> *{ margin:0; padding:0; list-style:none;} body{ font-size:18px; text-align:center;} .time{ height:30px; padding:20

  • js几秒以后倒计时跳转示例

    复制代码 代码如下: <html> <head> <title>出错啦~~~</title> <link href="css/login1.css" mce_href="css/login1.css" rel="stylesheet" type="text/css" /> <script language="javascript" type=

  • JS实现商品倒计时实现代码

    复制代码 代码如下: <SCRIPT LANGUAGE="JavaScript">    function fresh() {        var time1 = document.getElementById("timeD").value;        for (var i = 1; i <= 5; i++) {            var endtime = new Date(time1);            var nowtime

  • js倒计时小程序

    我们这里只要自己定义一下s与urodz的值就可以随意定义任何日期或节日的倒计时功能了,各位朋友可加以修改.精确到天的倒计时 复制代码 代码如下: <script language="JavaScript"><!-- // (c) Henryk Gajewskivar urodz= new Date("09/19/2013");var  s="中秋节";var now = new Date();var ile = urodz.ge

  • js判断60秒以及倒计时示例代码

    用js判断60秒到计时,首先定义一个变量refreshTime,当触发事件的时候检查一下上一次请求成功的时间距离现在是否超过60秒,如果没有超过60秒,则弹出提示, 否则则允许继续请求,请求成功之后,把当前的时间赋值给refreshTime,具体实现方式: 复制代码 代码如下: usingNamespace("Biz.AccountCenter")["CellPhoneValidation"]={      refreshTime:0, //变量 checkRefr

  • JS实现倒计时和文字滚动的效果实例

    JS实现倒计时和文字滚动的效果实例

    本文实例讲述了JS实现倒计时和文字滚动效果的方法.分享给大家供大家参考.具体实现方法如下: 说明:一般我们在一些淘宝类店铺中会看到一些像搞竞拍之类的活动,从中我们时而会发现一些倒计时的效果,在一些年会等场合我们也会发现一些抽奖活动,从中我们也可以看到一些随即滚动的效果.这里给大家分享一种实现倒计时和文字滚动的方法,希望可以对大家有所帮助.这里主要是通过js实现的. 一.倒计时效果的实现 前台部分的完整代码如下: 复制代码 代码如下: <html xmlns="http://www.w3.o

  • js实现网页倒计时、网站已运行时间功能的代码3例

    1.jQuery.countdown插件 显示格式:50 周 01 天 07 小时 18 分 41 秒(秒为跑秒)一个页面可以有多个倒计时实例,可以停止和开始,它没有提供太多的功能,但时间格式和输出的尺寸都可以自定义.目前最新版v2.0.2,官方地址http://hilios.github.io/jQuery.countdown/例如: 复制代码 代码如下: <div id="getting-started"></div><script src="

  • 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

  • JS倒计时代码汇总

    本文实例总结了常见的JS倒计时代码.分享给大家供大家参考.具体汇总如下: 第一种:精确到秒的javascript倒计时代码  HTML代码: 复制代码 代码如下: <form name="form1">  <div align="center" align="center">  <center>离2010年还有:<br>  <input type="textarea" na

  • js网页实时倒计时精确到秒级

    js网页实时倒计时精确到秒级

    一个很好用的js倒计时!网页实时倒计时,精确到秒级,和天数倒计时原理一样.js倒计时一般用于商城网站团购,特卖,很多地方都可用到!希望能够给大家带来帮助! 效果如下:   复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type

  • php+js实现倒计时功能

    js部分 复制代码 代码如下: setInterval("time_controller()",1000);function time_controller(){    $(".time_val").each(function(){         var time_id = "time_show_"+$(this).attr('for');         var time_val= $(this).attr('value');        

  • 一个不错的js html页面倒计时可精确到秒

    一个不错的js html页面倒计时可精确到秒,很简单,但和实用 <!doctype html> <html> <head> <meta charset="utf-8"> </head> <body> <DIV id="CountMsg" class="HotDate"> <span id="t_d">00天</span>

随机推荐