javascript - How to correctly call clearTimeout? (Timeout id lost?) -

-

i trying make simple settimeout, make div tag invisible after 2 seconds.

the settimeout function makes div invisible irregularly, , after 1 sec, , on.

here code:

  function begintimeout(){      t = settimeout(function(){hidesubmenu()},2000);  }  function hidesubmenu(){     var elem;     elem = document.getelementbyid("ul_navlist1");     elem.style.visibility="hidden";     cleartimeout(t);  }

by way, t global variable. have tried too: t = settimeout("hidesubmenu()",2000); same irregular results.

update op:

this div contains menu , submenu. edited little bit readable here.

the right_rect div contains menu , submenu. in div call onmouseout hide submenu.

<div class="right_rect"  onmouseout="begintimeout();">               <div class="menu2" >             <ul >             <li onclick="hideorshow();"><a href="#">item1</a></li>                 </ul>         </div>      <div id="ul_navlist1">         <ul >                     <li><a href="#">sub_item1</a></li>             </ul>         </div>       </div>

and part of javascript use perform hiding , showing process.

function hideorshow(){     var horv;     var elem;     var styletype = "visibility";     elem = document.getelementbyid("ul_navlist1");     horv = getstyle(elem, styletype);     if(horv =="hidden"){         //alert();         elem.style.visibility="visible";     }else{         elem.style.visibility="hidden";     } }  function begintimeout(){     settimeout(function(){document.getelementbyid("ul_navlist1").style.visibility="hidden";}, 2000);  }  function getstyle(oelm, strcssrule){     var strvalue = "";     if(document.defaultview && document.defaultview.getcomputedstyle){         strvalue = document.defaultview.getcomputedstyle(oelm, "").getpropertyvalue(strcssrule);     }     else if(oelm.currentstyle){         strcssrule = strcssrule.replace(/\-(\w)/g, function (strmatch, p1){             return p1.touppercase();         });         strvalue = oelm.currentstyle[strcssrule];     }     return strvalue; }

the getstyle function not code.

you can this:

function begintimeout(){   settimeout(hidesubmenu,2000); }  function hidesubmenu(){   document.getelementbyid("ul_navlist1").style.visibility="hidden"; }

settimeout() runs once, no need clear unless want stop executing before does. i'm not sure question you're calling begintimeout(), time @ it's kicked off may vary. i'd in document load event of sort or @ end of <body>, depends else have running.

as side note, put in single statement, this:

settimeout(function() {   document.getelementbyid("ul_navlist1").style.visibility="hidden"; }, 2000);

Comments

Post a Comment

Popular posts from this blog

javascript - Enclosure Memory Copies -

-
function myclass() { //lots , lots of vars , code here. this.bar = function() { //do numerous enclosed myclass vars } this.foo = function() { alert('hello'); //don't enclosed variables. } } each instance of myclass gets own copy of bar , foo, why prototyped methods use less memory. however, know more memory use of inner methods. it seems obvious me (1) below must true. agree? not distinct myclass instances have own distinct copies of bar, must have own distinct copies of myclass enclosure. (or else how bar method keep myclass variables straight on per instance basis?) now (2) question i'm after. since inner foo method doesn't use in myclass enclosure natural qustion is: javascript smart enough not keep myclass enclosure in memory use of foo? this depend entirely on implementation not language. naive implementations keep far more around others. answer true e.g. v8 (chrome's js engine) may not true spider...
Read more

php - Replacing tags in braces, even nested tags, with regex -

-
example preg_replace('/\{[a-za-z.,\(\)0-9]+\}/', 'replaced', 'lorem ipsum dolor sit {tag1({tag2()})}, consectetur adipiscing elit.'); the result: lorem ipsum dolor sit {tag1(replaced)}, consectetur adipiscing elit. question as can see "tag2" has been replaced, want replace "tag1" know how can this? (in cases might this: {tag1({tag2({tag3()})})}) , on.) btw using preg_replace_callback, easier show preg_replace here site can test code: http://www.spaweditor.com/scripts/regex/index.php you need add curly braces character set. here's pattern used: /\{[a-za-z.,\(\)\{\}0-9]+\}/ and here result: "lorem ipsum dolor sit replaced, consectetur adipiscing elit."
Read more