Det är mycket lätt att händelser som i JavaScript med hjälp av funktionerna setTimeout ( ) och clearTimeout ( ) , där en del av kod kan exekveras efter en viss tid har förflutit . JavaScript-funktionen " setTimeout ( ) " har två argument : en sträng som innehåller en JavaScript uttalande , som kan vara antingen en JavaScript kommando eller ett anrop till en funktion , och ett heltal , som används för att ställa in den tid i millisekunder . Funktionen returnerar ett heltal " id ". Saker du behöver
Textredigerare
webbläsare
Visa fler instruktioner
1
Öppna en ny fil i textredigeraren och spara den som " set_timeout . html . " Skriv JavaScript
kod i texteditorn :
< DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Strict //EN "
" http://! www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd " >
Begränsad Färgrutans < /title > <br> <p> < meta content = " text /html ; charset = utf - 8 " . http - ekv = " Content - Type " /> <br> 2 <p> Skriv JavaScript <style> kod i texteditorn : <br> <p> <style type="text/css"> ; <br> <p> # box <br> <p> { <br> <p> position: absolute ; <br> <p> z - index : 1 ; <br> <p> synlighet : synlig ; <br > <p> width : 10.0em ; <br> <p> höjd : 5.0em ; <br> <p> top : 1.0em ; <br> <p> vänster : 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 > Addera 3 <p> Skriv JavaScript <script> kod i textredigeraren : <br> <p> <script type="text/javascript"> <br> <p> var färg = [ " röd " , " grön " , "orange " , " blue " ] ; <br > <p> var index = 0; . <br> <p> funktion Colorbox ( ) katalog <p> { <br> <p> document.getElementById ( " box " ) style.background = color [ index ] ; <br> <p> document.getElementById ( " box " ) innerHTML = " <p> " + färg [ index ] + " < /p > "; . <br> <p> if ( index > = 3 = Index + 1 ; <br> <p> } <br> <p> < /script > <br> <p> < /head > <br> 4 <p> Skriv JavaScript <body> kod i texteditorn : <br> <p> <body onload = "colorBox()"> <br> <p> <div id="box"> <br> <p> < /div > ; . <br> <p> < /body> <br> <p> < /html > <br> 5 <p> Spara innehållet i filen och sedan öppna den i webbläsaren Observera att den kod som ändrar färgen på lådan området körs efter varje " timeout " period ( en sekund eller 1000 millisekunder ) . efter alla fyra färger har visats , är det " clearTimeout ( ) " -funktion som kallas för att avsluta processen . Observera att returvärdet " id " på setTimeout ( ) funktionen inte har använts . Detta är av värde där flera timeout händelser kallas inom ett kodavsnitt , i syfte att identifiera varje händelse när du anropar " clearTimeout ( id ) " -funktion . Addera <br>
<div class=dad2><script language='javascript' src='/ad/201310/4.js'></script></div>
<div class=dad3><script language='javascript' src='/ad/201310/33.js'></script></div>
</div>
</td>
</tr>
</table>
<table class=dhang1 bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<div class=dhang7></div>
<table width="92%" height="51" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="50%"><p>Tidigare: <a class='LinkPrevArticle' href='http://www.dator.xyz/Programmering/javascript-programming/90965.html' >Hur får Värden i en rullgardinsmeny i Javascript på inlägg </a></li></p></td>
</tr>
<tr>
<td width="50%">nästa: <a class='LinkNextArticle' href='http://www.dator.xyz/Programmering/javascript-programming/90967.html' >Hur Explode en sträng med JavaScript </a></li></td>
</tr>
</table></td>
</tr>
</table>
<div class=dhang7></div>
<table class=s770x246 >
<tr>
<td class=s375x246 ><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table class=c1 >
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> relaterade artiklar </td> </tr>
</table>
<table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4">
<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.dator.xyz/Programmering/javascript-programming/91222.html" title="Hur man skapar en bild sökning på en webbplats " target="_self">Hur man skapar en bild sökning på en webbplats </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90941.html" title="Hur till utgång JSON data med JavaScript " target="_self">Hur till utgång JSON data med JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90896.html" title="Så här ändrar en Marquee Med JavaScript " target="_self">Så här ändrar en Marquee Med JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91133.html" title="Styra mobila användare " target="_self">Styra mobila användare </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90848.html" title="Hur man skriver till cookies från PageContext JSP " target="_self">Hur man skriver till cookies från PageContext JSP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91113.html" title="Hur du uppdaterar PHP Använda Javascript " target="_self">Hur du uppdaterar PHP Använda Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91002.html" title="Hur dölja Javascript Kryssruta " target="_self">Hur dölja Javascript Kryssruta </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90785.html" title="JavaScript vs Java Applets Robust " target="_self">JavaScript vs Java Applets Robust </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91077.html" title="Hur man gör JavaScripts " target="_self">Hur man gör JavaScripts </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91196.html" title="Hur man bär en Shift Dress " target="_self">Hur man bär en Shift Dress </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="20" valign="top"></td>
<td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top">
<table class=c3 >
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">Utvalda artiklarna </td>
</tr>
</table>
<table class=c4 >
<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.dator.xyz/Programmering/python-programming/94083.html" title="Hur man skapar en mapp i Python " target="_self">Hur man skapar en mapp i Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/91851.html" title="Konvertera PHP till HTA " target="_self">Konvertera PHP till HTA </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/95909.html" title="Hur du kontrollerar om en enhet Använda VB " target="_self">Hur du kontrollerar om en enhet Använda VB </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/87355.html" title="Hur man använder Script Task i SSIS 2008 " target="_self">Hur man använder Script Task i SSIS 2008 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88855.html" title="Hur man skriver Computer Code " target="_self">Hur man skriver Computer Code </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/java-programming/89173.html" title="Applet Kraschade " target="_self">Applet Kraschade </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/91596.html" title="Bättre sätt att söka med PHP & MySQL Word Keys " target="_self">Bättre sätt att söka med PHP & MySQL Word Keys </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88863.html" title="Ställa Image Bredd och Höjd Använda HTML Programmering " target="_self">Ställa Image Bredd och Höjd Använda HTML Programmeri…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/92937.html" title="Hur du använder PHP med JavaScript " target="_self">Hur du använder PHP med JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/java-programming/89265.html" title="Fördelar och nackdelar med att använda Java Applets " target="_self">Fördelar och nackdelar med att använda Java Applets </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<div class=dhang8></div>
<div class=dhang1></div>
<table class=b1>
<tr>
<td class=bs height=90 align=middle>Copyright © Dator Kunskap http://www.dator.xyz
</td>
</tr>
</table>
<div class=dhang1></div>
</div>
</body>
</html> 