延时生效按钮

最新推荐文章于 2021-07-31 11:50:30 发布

weixin_30399155

最新推荐文章于 2021-07-31 11:50:30 发布

阅读量139

点赞数

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/lolicon/archive/2009/01/19/1378409.html

版权

延时生效按钮经常会在网站的注册过程中使用到，其作用主要是为了让用户停留几秒钟，自习阅读使用该网站必须要遵守的协议。

Code
<!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>1</title>

    <script type="text/javascript">
    function $(id) {return document.getElementById(id);}

    var remain = 10;
    function init(){
        $("btn").innerHTML = "提交（" + (remain--) + "秒）";
        if (remain > 0) window.setTimeout(init,1000);
        else {$("btn").innerHTML = "提交"; $("btn").disabled = false;}
    }
    </script>
</head>

<body onload=init()>
  <button id=btn disabled style="width:150px;font-size:large">提交</button>
</body>
</html>

转载于:https://www.cnblogs.com/lolicon/archive/2009/01/19/1378409.html