Jquery देरी के बाद

Question

मैं एक वेब अनुप्रयोग बना रहा हूं क्लिक करें ...

मैं खेल का एक प्रकार है, मेरा विचार यह ठीक है जब उपयोगकर्ता प्रत्येक स्तर में कुछ जानकारी के साथ एक संवाद बॉक्स प्रकट होता पूरा करता है।

अब मेरा मुद्दा यह है कि उपयोगकर्ता खत्म बटन पर क्लिक करने के 5 सेकंड बाद यह संदेश दिखाना चाहता हूं।

$('#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>\ 
     '); 
    }); 

भी मैं append().Delay(10000) साथ tryed लेकिन काम नहीं करता:

मेरी कोड thats।

अग्रिम धन्यवाद।

Answer 1

5000 एमएस की देरी के साथ setTimeout() का उपयोग करें।

$("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>

बस जिज्ञासा से बाहर

, तुम क्यों एक कार्रवाई के जवाब में उपयोगकर्ता को संकेत से पहले 5 सेकंड इंतजार करना चाहेगा? लंबा समय हो गया है; उनके लिए लंबे समय तक अन्य चीजों के समूह पर क्लिक करना पर्याप्त है (अगर कुछ और नहीं)।

Answer 2

आप setTimeout() का उपयोग करने का प्रयास कर सकते हैं।

Example।

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

5000 कि मिलीसेकेंड में देरी की लंबाई निर्धारित करता है समय के किसी भी मूल्य के साथ बदला जा सकता है।

Answer 3

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

Answer 4

आप एक परिशिष्ट में देरी नहीं कर सकते हैं। आप केवल एनिमेशन में देरी कर सकते हैं। आप setTimeout इस्तेमाल कर सकते हैं या दिखाने के तत्व शुरू में छिपा हुआ और उसके बाद में यह नहीं हो पाती:

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

Answer 5

कोशिश:

$('#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

यह काम करेंगे

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

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