Det er veldig lett å tid hendelser i JavaScript ved å bruke funksjonene setTimeout () og clearTimeout ( ) , hvor en del av koden kan utføres etter en periode er utløpt. JavaScript-funksjonen " setTimeout ( )" har to argumenter : en streng som inneholder en JavaScript uttalelse, som enten kan være en JavaScript -kommando eller et anrop til en funksjon , og et heltall , som brukes til å angi hvor lang tid i millisekunder . Funksjonen returnerer et heltall "id ". Du trenger
tekst editor
nettleser
Vis flere instruksjoner
en
Åpne en ny fil i tekst-editor , og lagre det som " set_timeout . html. " Skriv JavaScript
kode i teksteditoren : en
< DOCTYPE html PUBLIC "- //W3C //DTD XHTML 1.0 Strict //EN "
"http://! www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd " >
Tidsbestemt Color Box < /title > <br> <p> < meta content = "text /html ; charset = utf- 8" . http - ekv = " Content - Type" /> <br> 2 <p> Skriv JavaScript <style> kode i teksteditoren : en <p> <style type="text/css"> ; <br> <p> # boks <br> <p> { <br> <p> posisjon: absolutt; <br> <p> z-index : 1 ; <br> <p> visibility: visible ; <br > <p> bredde : 10.0em ; <br> <p> høyde: 5.0em ; <br> <p> topp: 1.0em ; <br> <p> venstre: 1.0em ; <br> <p> kant: 2px solid # ccc ; <br> <p> - moz - border- radius: 0.5em ; <br> <p> - webkit - border- radius: 0.5em ; <br> <p> text-align : center ; <br> <p> padding: 1.0em ; <br> <p> } <br> <p> p { <br> <p> font-size : 1.2em ; <br> <p> font-weight : 900 ; <br> <p> color: # FFFFFF ; <br> <p> } <br> <p> < /style > <br> 3 <p> Skriv JavaScript <script> koden teksteditoren : en <p> <script type="text/javascript"> <br> <p> Var color = [ "rød" , "grønn" , "oransje" , " blue" ]; <br> <p> Var index = 0; . <br> <p> funksjon ColorBox ( ) <br> <p> { <br> <p> document.getElementById ( "boks" ) style.background = farge [ index ] ; <br> <p> document.getElementById ( "boks" ) innerHTML = " <p> " + farge [ index ] + " < /p >"; . <br> <p> if ( indeks > = 3 = Indeks + 1; <br> <p> } <br> <p> < /script > <br> <p> < /head> <br> 4 <p> Skriv JavaScript <body> kode i teksteditoren : en <p> <body onload = "colorBox()"> <br> <p> <div id="box"> <br> <p> < /div > ; . <br> <p> < /body > <br> <p> < /html > <br> 5 <p> Lagre innholdet av filen og deretter åpne den i nettleseren Merk at koden som endrer fargen på boksen området kjøres etter hver " timeout " perioden ( ett sekund eller 1000 millisekunder ) . etter at alle fire farger har blitt vist, er " clearTimeout ( ) "-funksjonen kalt for å avslutte prosessen . Merk at returverdien "id " av setTimeout ( )-funksjonen ikke har vært brukt . Dette er av verdi der flere timeout hendelser kalles innenfor en del av koden , for å identifisere hver hendelse når du kaller " clearTimeout ( id ) "-funksjon. <br> <br>
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="745" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ecf0f4">
<tr>
<td bgcolor="#ecf0f4"></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="7">
<tr>
<td></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="95%" align="center" height="26">
<tr>
<td width="51%"><p>früher ： <a class='LinkPrevArticle' href='http://www.datamaskin.biz/Programmering/javascript-programming/90965.html' >Hvordan få verdier i en nedtrekksliste i Javascript på Post </a></li></p></td>
</tr>
<tr>
<td width="49%"> Weiter： <a class='LinkNextArticle' href='http://www.datamaskin.biz/Programmering/javascript-programming/90967.html' >Hvordan å eksplodere en String Bruke JavaScript </a></li></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="7">
<tr>
<td></td>
</tr>
</table></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" height=7>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=770 align=center height=246>
<tr>
<td height=246 vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=380>
<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>Relatert Artike</strong></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<tr>
<td height=201>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90825.html" title="Hvordan Roter en Cipher i JavaScript " target="_self">Hvordan Roter en Cipher i JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91198.html" title="Hvordan lage en Timer i Game Maker " target="_self">Hvordan lage en Timer i Game Maker </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91136.html" title="Hvordan Utvid et skjema i Java Script " target="_self">Hvordan Utvid et skjema i Java Script </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90896.html" title="Hvordan Endre en Marquee Med JavaScript " target="_self">Hvordan Endre en Marquee Med JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90873.html" title="Hvordan Åpne JavaScript- filer " target="_self">Hvordan Åpne JavaScript- filer </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91188.html" title="Hvordan endre en form action i Javascript " target="_self">Hvordan endre en form action i Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91090.html" title="Hvordan beregne Last Time " target="_self">Hvordan beregne Last Time </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91179.html" title="Årsaker til en Java Script Void Feil " target="_self">Årsaker til en Java Script Void Feil </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90817.html" title="Hvordan endre Marker i et Google Maps API " target="_self">Hvordan endre Marker i et Google Maps API </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91233.html" title="Hvordan lage en tabell Cell klikkbare " target="_self">Hvordan lage en tabell Cell klikkbare </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=20></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=380>
<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>Anbefalte artikler </strong></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<tr>
<td height=199>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/cc-programming/85586.html" title="Hvordan å kompilere CPP i MS - DOS " target="_self">Hvordan å kompilere CPP i MS - DOS </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91276.html" title="Hvordan legge til Post til Facebook Button til nettstedet ditt " target="_self">Hvordan legge til Post til Facebook Button til nettsted…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/88508.html" title="Komponenter av en klient-server applikasjon " target="_self">Komponenter av en klient-server applikasjon </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/cc-programming/85701.html" title="Hvordan skrive en C Program for å finne Fibonacci Series " target="_self">Hvordan skrive en C Program for å finne Fibonacci Seri…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/java-programming/89497.html" title="Slik viser linjenummer i JCreator " target="_self">Slik viser linjenummer i JCreator </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/88191.html" title="Hvordan legge til farge til en batch fil " target="_self">Hvordan legge til farge til en batch fil </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/87470.html" title="Fordeler og ulemper til objektorientert programmering " target="_self">Fordeler og ulemper til objektorientert programmering </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91027.html" title="Hvordan Split en String i JavaScript " target="_self">Hvordan Split en String i JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/cc-programming/86057.html" title="Hvordan legge til Glut Med Visual C " target="_self">Hvordan legge til Glut Med Visual C </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/88554.html" title="Hvordan skrive testtilfeller for en webside " target="_self">Hvordan skrive testtilfeller for en webside </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 height=8>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90>
<tr>
<td class=bs height=90 align=center>Copyright © Datamaskin http://www.datamaskin.biz/
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html> 