Jquery trì hoãn sau khi Bấm

Question

tôi là tạo ra một ứng dụng web ...

tôi đã nhận một loại trò chơi, ý tưởng của tôi là khi người dùng hoàn mỗi cấp xuất hiện một hộp thoại với một số thông tin, nó là tốt.

Bây giờ vấn đề của tôi là tôi muốn hiển thị thông báo này 5 giây sau khi người dùng nhấp vào nút kết thúc.

thats mã của tôi:

$('#option-main-menu').click(function(){ 
     target.append('\ 
      <div id="confirm">\ 
       <h1>Are You Sure Want to Exist?</h1>\ 
       <a href="#" id="dialog-confirm">Yes</a><a href="#" id="dialog-cancel">No</a>\ 
      </div>\ 
     '); 
    }); 

cũng i tryed với append().Delay(10000) nhưng không hoạt động.

Xin cảm ơn trước.

Answer 1

Sử dụng setTimeout() với thời gian trễ là 5000 mili giây.

$("button").click(
 
    function() { 
 
     console.log("clicked...waiting..."); 
 

 
     setTimeout(
 
      function() { 
 
       alert("Called after delay."); 
 
      }, 
 
      5000); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<button type="button">Click Me</button>

Chỉ cần ra khỏi tò mò, tại sao bạn sẽ muốn chờ 5 giây trước khi nhắc người sử dụng để đáp ứng với một hành động? Đó là một thời gian dài; đủ lâu để họ đã nhấp vào một loạt các thứ khác (nếu không có gì khác).

Answer 2

Bạn có thể thử sử dụng setTimeout().

Example.

setTimeout(function(){ 
    // do stuff here, in your case, append text 
}, 5000); 

5000 có thể được thay thế bằng bất kỳ giá trị thời gian nào xác định độ dài trễ trong mili giây.

Answer 3

$yourThing.click(function(){ 
    setTimeout(function(){do your thing here},5000) 
}) 

Answer 4

Bạn không thể trì hoãn phụ thêm. Bạn chỉ có thể trì hoãn hoạt ảnh. Bạn có thể sử dụng setTimeout hoặc hiển thị các phần tử ban đầu ẩn và sau đó dần giảm âm trong:

$('<div id="confirm" style="display:none"> ...') 
    .appendTo(target) 
    .delay(5000) 
    .fadeIn(1000); 

Answer 5

thử:

$('#option-main-menu').click(function(){ 
    setTimeout(
     function(){ 
     target.append('\ 
      <div id="confirm">\ 
       <h1>Are You Sure Want to Exist?</h1>\ 
       <a href="#" id="dialog-confirm">Yes</a><a href="#" id="dialog-cancel">No</a>\ 
      </div>\ 
     '); 
     } 
     , 5000); 
    }); 

Answer 6

$("button").click(
 
    function() { 
 
     console.log("clicked...waiting..."); 
 

 
     setTimeout(
 
      function() { 
 
       alert("Called after delay."); 
 
      }, 
 
      5000); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<button type="button">Click Me</button>

Answer 7

này sẽ làm việc

$("button").click(
function() { 
    console.log("clicked...waiting..."); 

    setTimeout(
     function() { 
      alert("Called after delay."); 
     }, 
     5000); 
});