Είναι πολύ εύκολο να τα χρονικά γεγονότα σε JavaScript με τη χρήση του setTimeout λειτουργίες ( ) και clearTimeout ( ) , όπου ένα τμήμα του κώδικα μπορεί να εκτελεστεί μετά από ένα χρονικό διάστημα έχει παρέλθει . Η λειτουργία JavaScript " setTimeout ( ) " έχει δύο επιχειρήματα : ένα string που περιέχει μια δήλωση JavaScript , τα οποία μπορεί να είναι είτε μια εντολή JavaScript ή μια κλήση σε μια συνάρτηση και μια ακέραια τιμή , η οποία χρησιμοποιείται για να ορίσετε το χρονικό διάστημα σε χιλιοστά του δευτερολέπτου . Η συνάρτηση επιστρέφει έναν ακέραιο "id ". Τα πράγματα που θα χρειαστείτε
επεξεργαστή κειμένου
πρόγραμμα περιήγησης στο Web
Η Εμφάνιση Περισσότερες οδηγίες
Η
1 Ανοίξτε ένα νέο αρχείο στον κειμενογράφο , και αποθηκεύστε το ως " set_timeout . html . " Γράψτε
JavaScript κώδικα στο πρόγραμμα επεξεργασίας κειμένου :
< DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Strict //EN "
" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd " >
< br >
Παροδικό Color Box < /title> <br> <p> < meta content = " text /html ? charset = utf - 8 " . http - equiv = " Content-Type " /> 2 <br> <p> Γράψτε <style> JavaScript κώδικα στο πρόγραμμα επεξεργασίας κειμένου : <br> <p> <style type="text/css"> ? <br> <p> # κουτί <br> <p> { <br> <p> θέση: απόλυτη? <br> <p> z - index : 1 ? <br> <p> ορατότητα : ορατή? < br > πλάτος <p> : 10.0em ? <br> <p> ύψος : 5.0em ? <br> <p> top : 1.0em ? <br> <p> αριστερά : 1.0em ? <br> <p> σύνορα : 2px solid # ccc ? <br> <p> - moz - σύνορα - ακτίνα: 0.5em ? <br> <p> - webkit - σύνορα - ακτίνα: 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> : # FFFFFF ? <br> <p> } <br> <p> < /style > εικόνων <br> 3 <p> Γράψτε <SCRIPT> JavaScript κώδικα σε ο επεξεργαστής κειμένου : <br> <p> <script type="text/javascript"> <br> <p> χρώμα var = [ " κόκκινο" , " πράσινο " , "πορτοκαλί" , " blue "]? < br > <p> δείκτη var = 0 ? . <br> <p> λειτουργία Colorbox ( ) { <br> <p> <br> <p> document.getElementById ( «κουτί» ) style.background = χρώμα [index ] ? <br> <p> document.getElementById ( «κουτί» ) innerHTML = " <p> " + χρώμα [index ] + " < /p> " ? . <br> <p> εάν (δείκτης > = 3 = Δείκτης + 1 ? <br> <p> } <br> <p> < /Script > <br> <p> < /head> <br> Η 4 <p> Γράψτε JavaScript <body> κώδικα στο πρόγραμμα επεξεργασίας κειμένου : <br> <p> <body onload = "colorBox()"> <br> <p> <div id="box"> <br> <p> < /div > ? . <br> <p> < /body> <br> <p> < /html > <br> 5 <p> Αποθηκεύστε το περιεχόμενο του φακέλου και , στη συνέχεια, ανοίξτε το πρόγραμμα περιήγησης στο Web Σημείωση ότι ο κώδικας που αλλάζει το χρώμα της περιοχής κουτί εκτελείται μετά από κάθε " timeout" περίοδος ( 1 δευτερόλεπτο ή 1000 χιλιοστά του δευτερολέπτου ) . αφού έχουν εμφανιστεί τα τέσσερα χρώματα , το " clearTimeout ( ) " λειτουργία καλείται να βγείτε από τη διαδικασία . Σημειώνεται ότι η τιμή επιστροφής "id" της συνάρτησης setTimeout ( ) δεν έχει χρησιμοποιηθεί . Αυτό έχει αξία όπου προγραμματίζονται διάφορες εκδηλώσεις που ονομάζεται χρονικό όριο μέσα σε ένα τμήμα του κώδικα , προκειμένου να εντοπιστούν σε κάθε περίπτωση κατά την κλήση του " clearTimeout ( id ) " λειτουργία. <br> Η <br> εικόνων
<div class="grad2"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3314932315682382" crossorigin="anonymous"></script> <!-- 221021-2 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3314932315682382" data-ad-slot="8094203668" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div>
<div class="grad3"></div>
</div>
<div class="fanyedads">
<ul>
<li>Τελευταίο άρθρο: <a class='LinkPrevArticle' href='http://www.221021.com/Programming/javascript-programming/90965.html' >Πώς να πάρει τιμές σε ένα Αναδιπλούμενη λίστα στην Javascript για Post </a>
<li>Επόμενο άρθρο: <a class='LinkNextArticle' href='http://www.221021.com/Programming/javascript-programming/90967.html' >Πώς να εκραγεί ένα String Χρησιμοποιώντας JavaScript </a>
</ul>
</div>
</div>
<div class="woqinimaderwr24">
<div class="dibud23">
<div class="biaotidas51">
<div class="biaotidas511"><h3>Συναφής σύστασή</h3></div>
<div class="butudasda"></div>
</div>
</div>
<div class="dibud24">
<div class="dibud241">
<ul class="dsa31das">
<li><a href="http://www.221021.com/Programming/javascript-programming/91189.html" target="_blank">Javascript Gallery Tutorial </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91036.html" target="_blank">Πώς να καταγράψει σε κάμερα Από Chatroulette </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90829.html" target="_blank">Τρόπος εμφάνισης Τυχαία Αποσπάσματα Javascript </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90976.html" target="_blank">Πώς να αφαιρέσει το τελευταίο παιδί μιας Div jQuery </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90771.html" target="_blank">Javascript τερματισμένο αλφαριθμητικό Λάθη </a></li>
</ul>
</div>
<div class="dibud242">
<div class="biaotidasoidasf3h4">
<h4>Τελευταία άρθρα</h4>
<div class="nibushihenzaiyi"></div>
</div>
<ul class="thydghaodennrend">
<li><a href="http://www.221021.com/Programming/javascript-programming/91030.html" target="_blank">Πώς να δημιουργήσετε ένα VAR JavaScript για να Float </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90950.html" target="_blank">Πώς να αλλάξετε ένα Drop -Down Δείκτης JavaScript </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91037.html" target="_blank">Πώς να εκτυπώσετε με JavaScript </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90863.html" target="_blank">Πώς να χρησιμοποιήσετε ένα Lightbox σε JavaScript </a></li>
</ul>
</div>
</div>
</div>
<div class="dibudaohnagdsaw">
<div class="das342sd"><p>Πνευματικά δικαιώματα © <a href="http://www.221021.com/" target="_blank" >Γνώση Υπολογιστών</a> Όλα τα δικαιώματα κατοχυρωμένα </p></div>
</div>
</div>
</body>
</html>