按钮倒计时显示

来源:互联网 发布:卷积神经网络算法实现 编辑:程序博客网 时间:2024/05/22 13:01

这是一个简单的小例子,在读研究生,第一次写博客,写的简单,请大牛们见谅啦!

每一句都有相应的解释;请需要的人看一下。

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    <title></title>    <meta charset="utf-8" />    <script type="text/javascript">        var time = 10        var fintime;        function countleft() {            var btn = document.getElementById("getReg");            if(btn){//如果网速比较慢,定时器开始运行的时候网页还没有加载出来                if(time<=0){                    btn.value = "同意";                    btn.disabled = false;                    clearInterval(fintime);//计时结束后就停止倒数计时                } else {                    btn.value = "请仔细阅读协议(还剩" + time + "秒)";                    time--;                }            }        }        fintime=  setInterval("countleft()",1000);    </script></head><body>    <input type="button" id="getReg" disabled="disabled" value="同意" /></body></html>

这里写图片描述

0 0