zoukankan      html  css  js  c++  java
  • 在指定的时间内点击某元素达到一定的次数后才触发事件

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

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

      大致思路是这样的:初始时,给一个变量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>
  • 相关阅读:
    浅谈随机化算法
    SPSS问题
    羽毛球技术
    三大线性排序之桶排序
    Java产生随机数
    Java堆栈详解
    三大线性排序之基数排序
    指针 和 数组
    复制构造函数 与 赋值函数 的区别
    【c++】类中的const成员
  • 原文地址:https://www.cnblogs.com/jf-67/p/9723714.html
Copyright © 2011-2022 走看看