短信倒计时,哪里出问题了不执行,也不报错!

短信倒计时,哪里出问题了不执行,也不报错!

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>短信倒计时</title>

</head>

<body>

    <input type="text">

    <button id="btn">点击发送短信</button>


    <script>

        window.onload = function(){


            var btn = document.getElementById("btn");

            var con = 5;

            var _this = this;

            var timer = null;

            btn.onclick = function(){

                clearInterval(timer);

                timer = setInterval(sendMessage,1000);

                function sendMessage(){

                    con --;

                    if(con >= 0){

                        _this.innerHTML = "还剩余" + con + "秒";

                    }else{

                        _this.innerHTML = "重新发送短信";

                        _this.disabled = false;

                        clearInterval(timer);

                    }

                }

            }


        }

    </script>

</body>

</html>


摇曳的蔷薇
浏览 462回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript