html一个问题

苏波

本帖最后由 wang346351 于 2013-4-11 13:22 编辑

下面是代码：
<!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>
<title>注册</title>
<script type="text/javascript">
      var leftSeconds = 10;
      var intervalId;
      function CountDown() {
         var btnReg = document.getElementById("btnReg");
         if (btnReg) {
            if (leftSeconds <= 0) {
                  btnReg.value = "同意";
                  btnReg.disabled = "";
                  clearInterval(intervalId);
            }
            else {
                  btnReg.value = "请仔细阅读协议(还剩" + leftSeconds + "秒)";
                  leftSeconds--;
            }
         }
         intervalId = setInterval("CountDown()", 1000);
      }
</script>
</head>
<body>
<textarea></textarea>
<input id="btnReg" type="button" value="同意" disabled="disabled" />
</body>
</html>

我想实现下图这个效果，老是实现不了，不知道是哪里有问题

郑丹丹1990 · 郑丹丹1990

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>
<title>注册</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
      var leftSeconds = 10;
      var intervalId;
      function CountDown() {
         var btnReg = document.getElementById("btnReg");
btnReg.disabled="disabled"
         if (btnReg) {
            if (leftSeconds <= 0) {
                  btnReg.value = "同意";
                  btnReg.disabled = "";
                  clearInterval(intervalId);
            }
            else {
                  btnReg.value = "请仔细阅读协议(还剩" + leftSeconds + "秒)";
                  leftSeconds--;
            }
         }
         intervalId = setInterval("CountDown()", 1000);
      }
</script>
</head>
<body>
<textarea></textarea>
<input id="btnReg" type="button" value="同意"  />
<script type="text/javascript">
CountDown();
</script>
</body>
</body>
</html>

宋兴征 · 宋兴征

郑丹丹1990 发表于 2013-4-10 12:51
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>
<title>注册</title>
<script type="text/javascript">
var leftSeconds = 10;
var intervalId;
function CountDown() {
var btnReg = document.getElementById("btnReg");
if (btnReg) {
if (leftSeconds <= 0) {
btnReg.value = "同意";
btnReg.disabled = "";
clearInterval(intervalId);
}
else {
btnReg.value = "请仔细阅读协议(还剩" + leftSeconds + "秒)";
leftSeconds--;
}
}
// intervalId = setInterval("CountDown()", 1000);
}
setInterval("CountDown()", 1000);
</script>
</head>
<body >
<textarea></textarea>
<input id="btnReg" type="button" value="同意" disabled="disabled" />
</body>
</html>

复制代码

韦俊琳 · 韦俊琳

本帖最后由韦俊琳于 2013-4-10 22:48 编辑

楼主，要注意在<body>里面添加onload事件,代码修改如下：

<!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>
<title>注册</title>
<script type="text/javascript">
var leftSeconds = 10;
var intervalId;
function CountDown() {
var btnReg = document.getElementById("btnReg");
if (btnReg) {
if (leftSeconds <= 0)
{
btnReg.value = "同意";
btnReg.disabled = "";
clearInterval(intervalId);
}
else {
btnReg.value = "请仔细阅读协议(还剩" + leftSeconds + "秒)";
leftSeconds--;
}
}
clearInterval(intervalId);
intervalId = setInterval("CountDown()", 1000);
}
</script>
</head>
<body onload="CountDown()">
<textarea></textarea>
<input id="btnReg" type="button" value="同意" disabled="disabled" />
</body>
</html>

复制代码

HM刘磊 · HM刘磊

本帖最后由 HM刘磊于 2013-4-11 10:16 编辑

这是我照着视频学习写的实例，仅供参考，共同进步。
<html >
<head>
<title>无标题页</title>
<script type="text/javascript">

  var renum=10;
var clearNumID;
function renums(){
   var obj=document.getElementById("ok");
   if(!obj){
   return;
   }
   if(renum<=0){

   obj.value="同意";
      obj.disabled="";
   clearInterval(clearNumID);
   }
   else{
         obj.value="请仔细阅读协议(还剩"+renum+"秒)";
         renum--;


}
  }
   clearNumID=setInterval("renums()",1000);//这个表达式应该放在函数“renums（）”外面，以实现递归调用。
</script>
</head>
<body >
<a href="javascript:window.history.back()">back</a>
<div ><span ></span><span> <textarea rows="100px" cols="50px"></textarea>
<input type="button" disabled="disabled" id="ok" value="同意" /></span></div>
<span><input type="text" id="value1" /><label  style="width:1cm" >+</label><input type="text" id="value2" /><input type="button" value="=" /><input type="text" id="value" /></span>
</body>
</html>

帐号		自动登录	找回密码
密码			加入黑马

html一个问题

评分

5 个回复

评分

评分

评分