jQuery क्रियाओं के समय में देरी करने के लिए setTimeout का उपयोग

मैं एक div में पाठ के स्वैपिंग में देरी करने का प्रयास कर रहा हूं। यह पाठ के लिए एक स्लाइडर/कैरोसेल की तरह काम करना चाहिए।jQuery क्रियाओं के समय में देरी करने के लिए setTimeout का उपयोग

मेरे पास कोड गलत होना चाहिए, क्योंकि अंतिम पाठ प्रतिस्थापन कभी नहीं होता है।

इसके अलावा, मैं प्रतिस्थापन पाठ (उदाहरण के लिए विंडो अंधा,) को कैसे शुरू कर सकता हूं?

<html> 
    <head> 
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
     <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> 
     <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" /> 

     <script type="text/javascript"> 
$(document).ready(function() { 

    $("#showDiv").click(function() { 
     $('#theDiv').show(1000, function() { 
      setTimeout(function() { 
       $('#theDiv').html('Here is some replacement text', function() { 
        setTimeout(function() { 
         $('#theDiv').html('More replacement text goes here'); 
        }, 2500); 
       }); 
      }, 2500); 
     }); 
    }); //click function ends 

}); //END $(document).ready() 

     </script> 
    </head> 
<body> 

    Below me is a DIV called "theDiv".<br><br> 
    <div id="theDiv" style="background-color:yellow;display:none;width:30%;margin:0 auto;"> 
     This text is inside the Div called "theDiv". 
    </div><br> 
    <br> 
    <input type="button" id="showDiv" value="Show DIV"> 



</body> 
</html>

स्रोत

2013-06-05 gibberish

सबसे उपयुक्त इसके लिए टूल '.queue() 'मुझे लगता है ... – Shikkediel

.html() केवल एक स्ट्रिंग या एक तर्क, not both के रूप में एक समारोह लेता है। इस प्रयास करें:

$("#showDiv").click(function() { 
    $('#theDiv').show(1000, function() { 
     setTimeout(function() { 
      $('#theDiv').html(function() { 
       setTimeout(function() { 
        $('#theDiv').html('Here is some replacement text'); 
       }, 0); 
       setTimeout(function() { 
        $('#theDiv').html('More replacement text goes here'); 
       }, 2500); 
      }); 
     }, 2500); 
    }); 
}); //click function ends

jsFiddle example

स्रोत

2013-06-05 17:08:57 j08691

क्या होगा यदि मैं उस div के अंदर डालता हूं .. क्या स्क्रिप्ट भी ताज़ा हो जाएगी? या कुछ और। – Vincent

तुम भी setTimeout() के बजाय jQuery's delay() method उपयोग कर सकते हैं। यह आपको बहुत अधिक पठनीय कोड देगा। यहाँ डॉक्स से एक उदाहरण है:

$("#foo").slideUp(300).delay(800).fadeIn(400);

केवल सीमा (है कि मैं के बारे में पता कर रहा हूँ) है कि यह आपको समय समाप्ति स्पष्ट करने के लिए एक तरह से नहीं देता है। यदि आपको ऐसा करने की ज़रूरत है तो आप सभी नेस्टेड कॉलबैक के साथ चिपके रहेंगे जो setTimeout आपके ऊपर जोर देते हैं।

स्रोत

2014-05-22 18:29:28 iconoclast

असल में, आप अभी तक निष्पादित नहीं किए गए किसी भी एनीमेशन को हटाने के लिए 'clearQueue()' का उपयोग कर सकते हैं। – Shikkediel

इस प्रयास करें:

function explode(){ 
    alert("Boom!"); 
} 
setTimeout(explode, 2000);

स्रोत

2015-11-21 08:26:41 Leon

यह कैसे मैं इस समस्या मेनू माउस बाहर (है कि अगर मंडराना आग नहीं था) के बाद कुछ ही सेकंड बंद कर देता है हल है,

$setM_swith=0; //Set timer switch 
$(function(){ 
     $(".navbar-nav li a").click(function(event) { 
      if (!$(this).parent().hasClass('dropdown')) 
       $(".navbar-collapse").collapse('hide'); 
     }); 
     $(".navbar-collapse").mouseleave(function(){ 
      $setM_swith=1; 
      setTimeout(function(){ if($setM_swith==1){$(".navbar-collapse").collapse('hide');$setM_swith=0;} }, 3000); 
     }); 
     $(".navbar-collapse").mouseover(function(){ 
      $setM_swith=0; 
     }); 
    });

स्रोत

2016-09-15 18:39:45

क्षमा करें गलत स्थान :( –

jQuery क्रियाओं के समय में देरी करने के लिए setTimeout का उपयोग

उत्तर

संबंधित मुद्दे