黑马程序员技术交流社区

标题: javascript 倒计时 [打印本页]

---

作者: 崔增阳    时间: 2013-8-19 19:04
标题: javascript 倒计时


我写了一段倒计时代码 调不出来 请帮忙看看

<input type="button" value="Register" id="register"/>


var inter = null;
var i = 10;
function count() {
    var button = document.getElementById("register");
    button.disabled = true;
    inter = setInterval("startCount(button)", 1000);
}
function startCount(button) {
    if(i>0)
        button.value = i--;
    else {
        button.value = i;
        clearInterval(inter);
        button.disabled = false;
    }
}

---

作者: 马晓凤    时间: 2013-8-20 09:53
    <script type="text/javascript">      
        window.onload = function () {
            var inter = null;
            var i = 10;
            function count() {            
                var button1 = document.getElementById("register");
                 button1.disabled = true;
                inter = setInterval(startCount, 1000);
            }
            function startCount() {
                var button = document.getElementById("register");
                if (i > 0)
                {
                    button.value = i--;
                }
                else {
                    button.value = i;
                    clearInterval(inter);
                    button.disabled = false;
                }
            }
            count();
        }      
    </script>

运行结果

QQ截图20130820095120.jpg (16.73 KB, 下载次数: 158)

下载附件

2013-8-20 09:53 上传

---

作者: gb2312_8    时间: 2013-8-20 11:34

马晓凤 发表于 2013-8-20 09:53
window.onload = function () {
            var inter = null;
            var i =  ...

录取没啊？

---

作者: 马晓凤    时间: 2013-8-20 12:34
录取了{:soso_e100:}

---

作者: 瞎猫馒头米田共    时间: 2013-8-22 21:48
没有放在script标签里面

---

作者: 追梦无悔    时间: 2013-8-24 18:03

1. <script type="text/javascript">
   
2.         i = 10;
   
3.         var interval;
   
4.         function agreePage() {
   
5.             btnId = document.getElementById("btnAgree");
   
6.             if (btnId) {//当项目中的按钮完全加载完成才能继续执行（做网页项目的时候一定要严谨）
   
7.                 btnId.disabled = "disabled";
   
8. 
   
9.                 if (i > 0) {
   
10.                     btnId.value = "阅读时间还剩" + i + "秒";
    
11.                 }
    
12.                 else {
    
13.                     btnId.value = "我同意";
    
14.                     btnId.disabled = false;
    
15.                     clearInterval(interval);
    
16.                 }
    
17.             }
    
18.              i--;
    
19.          }
    
20.          interval = setInterval("agreePage()", 1000);
    
21.     </script>

复制代码

1. <input type="button" value="我同意" id="btnAgree"/>

复制代码

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2