Using setTimeout to delay timing of jQuery actions

Question

I am attempting to delay the swapping of text in a div  It should operate like a slider carousel for text   I must have the code wrong  as the final text replacement never happens   Also  how would I animate introducing the replacement text  window blinds  for eg        lt html gt       lt head gt           lt script src    ajax googleapis com ajax libs jquery 1 8 3 jquery min js  gt  lt  script gt           lt script src    ajax googleapis com ajax libs jqueryui 1 10 3 jquery-ui min js  gt  lt  script gt           lt link rel  stylesheet  href  http   code jquery com ui 1 9 1 themes base jquery-ui css    gt            lt script type  text javascript  gt    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             lt  script gt       lt  head gt   lt body gt       Below me is a DIV called  theDiv   lt br gt  lt br gt       lt div id  theDiv  style  background-color yellow display none width 30  margin 0 auto   gt          This text is inside the Div called  theDiv        lt  div gt  lt br gt       lt br gt       lt input type  button  id  showDiv  value  Show DIV  gt      lt  body gt   lt  html gt

User · Accepted Answer

html   only takes a string OR a function as an argument  not both  Try this        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

User · Answer

You can also use jQuery s delay   method instead of setTimeout     It ll give you much more readable code   Here s an example from the docs        foo    slideUp  300   delay  800   fadeIn  400      The only limitation  that I m aware of  is that it doesn t give you a way to clear the timeout   If you need to do that then you re better off sticking with all the nested callbacks that setTimeout thrusts upon you

User · Answer

Try this   function explode      alert  Boom       setTimeout explode  2000

User · Answer

This is how I solved the problem The menu closes a few seconds after mouse out  that if hover didn t fire      Set timer switch  setM swith 0     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

[javascript] Using setTimeout to delay timing of jQuery actions

Examples related to javascript

Examples related to jquery