Het is zeer goed te controleren gebeurtenissen in JavaScript met de functies setTimeout ( ) en clearTimeout ( ) , waarbij een deel van de code kan worden uitgevoerd na een tijdsperiode is verstreken . De JavaScript-functie " setTimeout ( ) " heeft twee argumenten : een string met een JavaScript- verklaring , die ofwel een JavaScript- commando of een oproep naar een functie , en een integer waarde , die wordt gebruikt om de tijdsperiode in milliseconden ingesteld kan worden . De functie geeft een geheel " id . " Wat je nodig hebt
tekst editor
webbrowser
Toon Meer Aanwijzingen
1 Open een nieuw bestand in de teksteditor en sla het op als " set_timeout . html . " Schrijf JavaScript code in de teksteditor :
< DOCTYPE HTML PUBLIC " - //W3C //DTD XHTML 1.0 Strict //EN " " http://
! www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd " >
< br >
Timed Color Box < /title <br> <p> < meta content = " text /html ; charset = uTF - 8 " > . http - equiv = " Content-Type " /> <br> <p> Schrijf JavaScript <style> code 2 in de teksteditor : <p> <style <br> type="text/css"> ; <p> # box <br> <p> <br> { <p> positie <br> : absolute ; <p> z - index <br> : 1 ; <p> zichtbaarheid <br> : zichtbaar ; < br <p> breedte > : 10.0em ; <p> hoogte <br> : 5.0em ; <p> top <br> : 1.0em ; <br> <p> links : 1.0em ; <p> grens <br> : 2px solid # ccc ; <br> <p> - moz - border - radius : 0.5em ; <p> - webkit - border - radius <br> : 0.5em ; <br> <p> text-align : center ; < br <p> padding > : 1.0em ; <p> } <p> p { <p> font-size <br> : 1.2em ; <br> <p> font-weight : 900 ; <p> kleur <br> : # FFFFFF ; <p> } <br> <p> <br> < /style> <br> 3 <p> Schrijf JavaScript <script> code in de teksteditor : <p> <script type="text/javascript"> <p> var kleur <br> = [ "rood" , " groen " , " oranje " , " blue " ] ; < br <p> var index > = 0 ; . <p> functie Colorbox ( ) op <p> { <p> document.getElementById <br> ( "box" ) style.background = kleur [ index] ; <p> document.getElementById <br> ( "box" ) = " <p> " + kleur [ index] + " < /p > " innerHTML ; . <br> <p> if ( index > = 3 = Index + 1 ; } <p> <br> <p> <br> < /script > <br> <p> < /head > <br> 4 <p> Schrijf JavaScript <body> code in de teksteditor : <p> <body onload <br> "colorBox()"> <p> <div id="box"> <br> <p> <br> < /div > = . ; <br> <p> < /body > <br> <p> < /html > <br> 5 <p> Sla de inhoud van het bestand en vervolgens openen in uw webbrowser Merk op dat de code die de kleur van de doos gebied verandert wordt uitgevoerd na elke " time-out " periode ( 1 seconde of 1000 milliseconden ) . nadat alle vier de kleuren zijn weergegeven , wordt de " clearTimeout ( ) " functie opgeroepen om het proces af te sluiten . Let op dat de return value " id " van de setTimeout ( ) functie niet is gebruikt . Dit is van waarde waar verschillende time- events worden opgeroepen binnen een deel van de code , om elke gebeurtenis te identificeren bij het aanroepen van de " clearTimeout ( id ) " functie . <br> <br></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td bgColor=#e7edf4 align=middle><script language='javascript' src='/ad/201310/3.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td align=left>Previous: <a class='LinkPrevArticle' href='/programmering/javascript-programming/201309/90965.html' >Hoe te Waarden Get in een dropdown lijst in Javascript op Bericht </a></li> </td>
<td align=right>Next: <a class='LinkNextArticle' href='/programmering/javascript-programming/201309/90967.html' >Hoe een String Met behulp JavaScript </a></li> </td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=18>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=246>
<tr>
<td height=246 vAlign=top width=199>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=199>
<tr>
<td height=244 vAlign=top width=197>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>JavaScript Programmeren</STRONG></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91242.html" title="Hoe te creëren Google Maps Application " target="_self">Hoe te creëren Google Maps Ap…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91243.html" title="Hoe je tekst Toon Rollover " target="_self">Hoe je tekst Toon Rollover </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90994.html" title="Hoe je externe JS in JavaScript Include " target="_self">Hoe je externe JS in JavaScrip…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91268.html" title="Hoe u Windows Widgets maken " target="_self">Hoe u Windows Widgets maken </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91227.html" title="Hoe om te controleren een website voor een webbrowser Bug " target="_self">Hoe om te controleren een webs…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91052.html" title="Hoe de sessie variabelen van JavaScript " target="_self">Hoe de sessie variabelen van J…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91028.html" title="Hoe te wijzigen HTML Achtergrond Kleur Met een Prompt in Javascript " target="_self">Hoe te wijzigen HTML Achtergro…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91000.html" title="Hoe een element te verwijderen met JavaScript " target="_self">Hoe een element te verwijderen…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91093.html" title="Hoe je Javascript gebruiken Met Ole Automation " target="_self">Hoe je Javascript gebruiken Me…</a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
<td vAlign=top width=12></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Related Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<tr>
<td height=201 width="33%"><IMG src="/img_xby/n1.jpg" width=111 height=182></td>
<td width="67%"><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96568.html' target="_self">Hoe maak je een Combo Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96567.html' target="_self">Hoe maak je een Check Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96566.html' target="_self">Hoe maak je een tekstvak maken in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96565.html' target="_self">Hoe maak je een optie Box in Visual Basi…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96564.html' target="_self">Hoe maak je een schijf keuzelijst in Vis…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96563.html' target="_self">Hoe kan ik een keuzelijst maken in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96562.html' target="_self">Hoe kan ik een Picture Box Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96561.html' target="_self">Hoe een bestand keuzelijst Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96560.html' target="_self">Hoe kan ik een afbeelding Box Maak in Vi…</a><br></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=8></td>
<td vAlign=top width=376>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Programmering Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<tr>
<td height=199 width="33%"><IMG src="/img_xby/n2.jpg" width=111 height=182></td>
<td width="67%">
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/90271.html" title="String naar Conversion Dubbelklik in Java " target="_self">String naar Conversion Dubbelklik in Jav…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92723.html" title="Hoe maak je een Domain Search Engine verdienen met PHP " target="_self">Hoe maak je een Domain Search Engine ver…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88461.html" title="Hoe te bekijken zat BIN bestanden " target="_self">Hoe te bekijken zat BIN bestanden </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/python-programming/201309/94054.html" title="Hoe te testen of een waarde een decimaal of niet in Python " target="_self">Hoe te testen of een waarde een decimaal…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/90124.html" title="Hoe te controleren om te zien of een string is numeriek met Java " target="_self">Hoe te controleren om te zien of een str…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88094.html" title="Hoe te Modulus gebruiken Met dubbele " target="_self">Hoe te Modulus gebruiken Met dubbele </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/95977.html" title="Soorten Computer Cursussen " target="_self">Soorten Computer Cursussen </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92951.html" title="Hoe een PHP -bestand in een e-mail Bevestig " target="_self">Hoe een PHP -bestand in een e-mail Beves…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/cc-programming/201309/85944.html" title="Wat zijn Visual C Regio ? " target="_self">Wat zijn Visual C Regio ? </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=57>
<tr>
<td class=bs background=/img_xby/di.jpg align=center>Copyright © Computer Kennis https://www.nldit.com <script language='javascript' src='/ad/201310/5.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
</div>
</body>
</html>
|
