码迷,mamicode.com
首页 > Web开发 > 详细

html button 点击 显示倒计时秒数

时间:2018-07-06 17:41:50      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:cli   NPU   button   script   second   als   put   参考   code   

如下:

 

<html>
<body>
        <input type="button" value="click" id="click" onclick="foo(this, 10000);"/>
</body>

<script>
function foo(obj, time) {
    obj.disabled = true;

    setTimeout(function() {
        var x = setInterval(function(){
                time= time - 1000; //reduce each second
                obj.value = (time/1000)%60;
                if(time==0){
                        clearInterval(x);
                        obj.value = "retry";
                        obj.disabled = false;
                }
        }, 1000);
    }, time-10000);
}
</script>
</html>

 

 

参考: 

html button 点击 显示倒计时秒数

标签:cli   NPU   button   script   second   als   put   参考   code   

原文地址:https://www.cnblogs.com/pinganzi/p/9274537.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!