jquery - 使用 Mousedown 和 setTimeout 函数反复触发函数

Question

我想在使用 setTimeout 的 mousedown 事件时重复使用调用函数，它根本不起作用。有人知道吗？

    $("#image_360").mousedown( function() {
        mouseStillDown=true;
        $(this).data('timeout', window.setTimeout(function () {

            getDirection;
        }, 2000));
    },
    function()
    {
        clearTimeout($(this).data('timeout'));
        alert('mouse left');

    });

    function getDirection(e){
    var x = e.pageX;
            //do stuff with condition e.pageX
    }

Answer 1

您需要使用setInterval()andclearInterval()方法来重复调用和清除计时器，而不是setTimeoutand clearTimeout。

setInterval和clearInterval

像这样更新您的代码

    $("#image_360").mousedown( function() {
        mouseStillDown=true;
        $(this).data('timeout', window.setInterval(function () {

            getDirection;
        }, 2000));
    },
    function()
    {
        clearInterval($(this).data('timeout'));
        alert('mouse left');

    });

然后getDirection每 2 秒调用一次。