KingMario
KingMario
  • 发布:2015-06-15 20:38
  • 更新:2016-04-12 14:34
  • 阅读:5668

建议在MUI中增加一个倒计时按钮

分类:MUI

例如发送短信验证码的场合使用

2015-06-15 20:38 负责人:无 分享
已邀请:
大树哥

大树哥 - 有没有iOS的兼职

<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="utf-8">  
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />  
    <title>hello world</title>  
    <script type="text/javascript">  
        function wait(t, obj){  
            v = obj.value;  
            setInterval(function(){  
                if(t > 0) {  
                    obj.value = t--;  
                    obj.disabled = true;  
                } else {  
                    window.clearInterval(0);  
                    obj.value = v;  
                    obj.disabled = false;  
                }  
            }, 1000);  
        }  

    </script>  
</head>  
<body>  
    <input type="button" name="" id="wait" value="点击我" onclick="wait(3, this)"/>  
</body>  
</html>
KingMario

KingMario (作者)

多谢楼上!
对函数略加修改如下:

function disableWait(t, obj, waitMessage) {  
    var objTag = obj.tagName.toLowerCase();  
    if (objTag !== "input" && objTag != "button") {  
        return;  
    }  

    var v = objTag !== "input" ? obj.innerText : obj.value;  
    var i = setInterval(function() {  
        if (t > 0) {  
            switch (objTag) {  
                case "input":  
                    obj.value = (--t) + waitMessage;  
                    break;  
                case "button":  
                    obj.innerText = (--t) + waitMessage;  
                    break;  
                default:  
                    break;  
            }  
            obj.disabled = true;  
        } else {  
            window.clearInterval(i);  
            switch (objTag) {  
                case "input":  
                    obj.value = v;  
                    break;  
                case "button":  
                    obj.innerText = v;  
                    break;  
                default:  
                    break;  
            }  
            obj.disabled = false;  
        }  
    }, 1000);  
}
憨憨的爱

憨憨的爱

学习了 刚好用上

小辉

小辉

谢谢,各位的分享!

BruceAn

BruceAn

现在都是自己实现的,强烈建议添加至MUI标准的组件中。

Uprising8

Uprising8

这个太常用了,建议加进标准组件。

言和

言和

谢谢分享

189709040@qq.com

189709040@qq.com

多谢分享

该问题目前已经被锁定, 无法添加新回复