jQuery如果没有点击类x分钟做某事

时间:2016-10-04 12:10:22

标签: javascript jquery time

我正在试图弄清楚我是否可以为点击按钮设置超时而不是使用空闲,如下所示:Fire Event When User is Idle

我希望它与链接类相关, 例如,如果用户没有点击链接超过2分钟:

的jQuery

if (".linkClass").(idleTime > 2) {
    alert("Hurry Up!");
  }

有什么建议吗?

4 个答案:

答案 0 :(得分:3)

function impatientButton(el, wait) {
  var timeout = 0;

  setTimeout(function(){
     alert('Hurry up!');
  }, wait);

  $(el).click(function(){
    clearTimeout(timeout)
  });
}

// Initialise
impatientButton('.selector', 10000);

这样的事情应该成功!这将设置一个计时器,在10秒后触发警报。如果在此之前单击该按钮,则将清除计时器。

答案 1 :(得分:1)

'l1','l2','l3','l4' are 'TINYINT' and 'level','name' are VARCHAR. So 'level' is the primary key

l1  |l2  |l3  |l4  |level|name
----|----|----|----|-----|--------
5   |null|null|null|5    |Services and Sales Workers
5   |1   |null|null|51   |Personal Services Workers
5   |1   |1   |null|511  |Travel Attendants, Conductors Guides
5   |1   |1   |1   |5111 |Travel Attendants and Travel Stewards
5   |1   |1   |2   |5112 |Transport Conductors
5   |1   |1   |3   |5113 |Travel Guides

答案 2 :(得分:1)

你正在寻找一个计时器...... 也许是这样的:

DataType

在这篇优秀文章中有关Javascript-Timers的更多信息:

http://ejohn.org/blog/how-javascript-timers-work/

http://www.w3schools.com/jsref/met_win_settimeout.asp

答案 3 :(得分:1)

var mt;   

function start_timer() {
    mt = setTimeout(function() {
        alert("Hurry Up!");
    }, 12000);
}

function reset_timer() {
    clearTimeout( mt );
    start_timer();
}

$('.linkClass').click(function() {
    reset_timer();
});

start_timer();