Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/421.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 添加暂停以临时禁用单击_Javascript_Events_Pause - Fatal编程技术网

Javascript 添加暂停以临时禁用单击

Javascript 添加暂停以临时禁用单击,javascript,events,pause,Javascript,Events,Pause,我正在做一个快速的脚本来展示我女朋友的礼物,我不能亲自送。我想在两次点击之间加一个停顿,这样她就不会在一秒钟内意外地浏览所有案例 var gifty = document.getElementById("gift"); var counter = 4; var handler = function() { gifty.style.backgroundPosition = counter * 722 + "px " + "0px"; counter -= 1; switch (cou

我正在做一个快速的脚本来展示我女朋友的礼物,我不能亲自送。我想在两次点击之间加一个停顿,这样她就不会在一秒钟内意外地浏览所有案例

var gifty = document.getElementById("gift");
var counter = 4;

var handler = function() {
  gifty.style.backgroundPosition = counter * 722 + "px " + "0px";
  counter -= 1;
  switch (counter) {
    case 3:
      document.getElementById("head2").innerHTML = "Click it again! Click it again!";
      break;
    case 2:
      document.getElementById("head2").innerHTML = "Hmmm, what could it be?";
      break;
    case 1:
      document.getElementById("head2").innerHTML = "Any ideas what it could be?";
      break;
    case 0:
      document.getElementById("head2").innerHTML = "Surprise! Your new sewing mahcine is waiting for you in Doha! Hope you like it. xxxxx";
      gifty.removeEventListener("click", handler);
      break;
  }
}

gifty.addEventListener("click", handler);

您可以使用
setTimeout
切换单击处理程序:

const PAUSE\u DURATION=2000//2秒
const gifty=document.getElementById('gift'))
const header=document.getElementById('head2')
const setText=text=>header.innerHTML=text
让计数器=4
常量处理程序=()=>{
计数器-=1
开关(计数器){
案例3:setText('再次单击它!再次单击它!
var initialTime = new Date().getTime();

var handler = function() {
    var clickTime = newDate().getTime();
    if (clickTime - initialTime > 1000) { // 1 second

         (... do your stuff here ...)

       initialTime = new Date().getTime();
    }
}