倒计时,点击事件?

一个计时考试系统,如果在规定5秒时间内触发点击事件就触发,如果没有触发就系统在倒计时结束后将正确答案标出。该怎么实现

阅读 1.8k
1 个回答

setTimeout咯,setTimeout有个返回值,先使用一个变量接收起来,再根据情况清空这个变量以标志5秒是否已过:

var timeout;
timeout = setTimeout(function() {
  console.log('Timeout exceeded');
  showAnswer();
  timeout = null;
}, 5000);

$('#someID').click(function() {
  console.log('User clicked!');
  if(timeout) {
    // 用户在5秒内点击了
    clearTimeout(timeout);  // 取消定时器
    // Do something here
  } else {
    // 用户在5秒后点击了
    // Do something here
  }
});
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题