通过JS控制各种元素的点击事件的【时间间隔】，特别适合【发表评论】功能

1、使用情景模拟：下单（防止用户无脑狂点）、支付（防止用户无脑点击支付）、发表评论（防止用户无脑点击），当然如果你用了一个提示框进行屏蔽，下面代码可以无视了，右上角谢谢。

2、默写情景比如：比如发表评论页面，你不希望使用提醒框来增加用户发表步骤的复杂性，那么可以参考下面通过时间间隔控制【提交】按钮的时间间隔有效性，来解决这个问题。

3、效果图：下图1是还没点击发送，图2是点击了发送，服务器需要时间处理，没处理完成之前用户再次点击【发送中】，是不会触发【发送】事件的，从而控制了【用户无脑点击】产生的多余垃圾事件数据。

1

 

2

 

HTML代码（wxml类似）：核心使用setTimeOut函数

<script type="text/javascript">
document.write(sumdemo(1, 2));
    var btn = document.getElementById('btn');
    btn.onclick = function() {
        this.disabled = 'disabled';
        setTimeout(function() {
            btn.disabled = '';
        }, 2000);//2秒后才能点击
    };
</script>