• 在指定的时间内点击某元素达到一定的次数后才触发事件


      工作需要,要做一个点击某一元素,在规定的时间内,点击次数达到一定值时,才触发其他事件。

      刚开始是一脸懵逼,思绪混乱,首先想到了使用定时器,后来绕来绕去,始终没有解决,在跟安卓开发的同事交流一番后,便产生了一个更加简单的方法,不使用定时器。

      大致思路是这样的:初始时,给一个变量clickNum,值为0,用来保存点击的次数,点击元素时,当clickNum为0时,获取当前的时间,赋值给变量a,同时将当前点击时的时间赋给连一个变量b,然后拿这个时间b与时间a的差和规定的时间进行比较,当小于规定的时间时,就将次数加1,如果次数大于或等于规定次数时,执行所要执行的事件。如果时间b与时间a的差大于规定的时间,就将变量clickNum重置为0。

      代码如下:

    <input type="button" value="按钮" onclick="jump(url)">
        <script>
            var clickNum = 0  // 点击的次数
            var firstTime = ''  
            var clickTime = ''
            function jump(url) {
                if (clickNum == 0) {
                    firstTime = new Date().getTime()
                }
                clickTime = new Date().getTime()
                if (clickTime - firstTime <= 2000) {
                    clickNum ++
                    if (clickNum >= 5) {
                        window.location.href = url
                        clickNum = 0
                    }
                } else {
                    clickNum = 0
                }
                
            }
        </script>
  • 相关阅读:
    Java IO包装流如何关闭?
    Validator关于js,jq赋值不触发验证解决办法
    4 统计量&抽样分布
    3 概率的基本概念&离散型随机变量
    2 数据的概括性度量
    1 数据 & 图表
    Python 闭包
    一个自动修正数据时间和补全缺失数据的MapReduce程序
    MapReduce原理
    Hadoop MapReduce常用输入输出格式
  • 原文地址:https://www.cnblogs.com/jf-67/p/9723714.html
Copyright © 2020-2023  润新知