Dzwebs.Net

撰写电脑技术杂文十余年

网页按钮倒计时

Admin | 2013-10-27 8:43:18 | 被阅次数 | 4341

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  在网页中使用如下的代码,可以实现这样的按钮倒计时效果,并且只倒计时一次,当完成之后,再次打开网页或所以,则不进行倒计时。

  我们在这样的情况下,会使用到倒计时效果,比如,让用户阅读规则,阅读完毕之后,才能点击按钮进入。下面是代码。

  <form id="form1" name="form1" method="post" action=""><input id="SB" style="width:100;height:100" onClick="GOGO();" type="button" name="Submit" value="我同意" /></td>

<script language="javascript">

  function setcookievalue(name,value){
    document.cookie=name+"="+value+";"
  }

  function getcookievalue(name){
    var temp=document.cookie+";";
    var Pos=temp.indexOf("=",temp.indexOf(name+"="));

    if (temp.indexOf(name+"=")==-1) return "";
    return temp.substring(Pos+1,temp.indexOf(";",Pos));  
  }

  document.form1.Submit.disabled = true;
  var speed = 1000; //速度
  var wait = getcookievalue('rnm')==''?10:0; //停留时间
  function updateinfo(){
  if(wait == 0){
  document.form1.Submit.value = "我同意";
  document.form1.Submit.disabled = false;
  }
  else{
  document.form1.Submit.value = "\n\n 我同意\n\n"+wait;
  wait--;
  window.setTimeout("updateinfo()",speed);
  }
  }
  updateinfo();

  setcookievalue('rnm',1);

  </script>


该杂文来自: 网页制作杂文

上一篇:JS之Cookie脚本记录代码

下一篇:设置百度统计独立查看密码

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计