javascript - 多次调用javascript中的单个函数

Question

在下面的代码中，我正在运行一个循环。其中有 4 个链接，并且我还编写了一个 onclick 事件。如果我通过具有 user_id 单击特定链接，它将进入函数 myFunction 并从那里调用函数 refreshId(session_to_user)。第一次点击事件它工作正常。如果我点击另一个链接，另外两个函数开始运行，反之亦然。

我的要求是根据我点击函数 refreshId(session_to_user) 的链接应该工作。单击第一个时，它只适用于我的第一个 user_id。如果我点击第二个链接，第一个 user_id 应该被暂停，只有第二个链接 user_id 应该被使用。请帮助我。

for loop() 
{
    <a id='some' name='some' onclick='myFunction(".$result['user_id'].")'></a>
}

function refreshId(session_to_user) {                                           
    setInterval(function()
        $('.chat-box').load("<?php echo base_url()."users/message/refresh_div/"; ?>" + session_to_user);
    }, 10000);
}

function myFunction(user_id) { 
    var session_to_user = user_id; 
    refreshId(session_to_user); 
}

Answer 1

您需要清除每次调用的间隔:-

var interval;
function refreshId(session_to_user) {                                           

    if(interval)
       clearInterval(interval);

    interval = setInterval(function()
        $('.chat-box').load("<?php echo base_url()."users/message/refresh_div/"; ?>" + session_to_user);
    }, 10000);
}