Τι είναι το SetInterval στο JavaScript και πώς λειτουργεί;

Το JavaScript επιτρέπει επίσης την εκτέλεση λειτουργιών καθώς και μεθόδων σε σχέση με το χρόνο. Το SetInterval σε JavaScript είναι μέρος του Timing Events.

Το JavaScript χρησιμοποιείται ως γλώσσα προγραμματισμού από την πλευρά του πελάτη καθώς και ως γλώσσα προγραμματισμού από την πλευρά του διακομιστή. Τοπαρέχει πληθώρα μεθόδων για πολλές λειτουργίες που πρέπει να εκτελούνται με ευκολία. Αυτό είναι που έγινε Μία από τις πιο δημοφιλείς γλώσσες προγραμματισμού καθώς επίσης χρησιμοποιείται ευρέως σε διάφορα είδη ανάπτυξης προϊόντων.Το SetInterval σε JavaScript είναι μέρος του Timing Events σε JavaScript και θα το μάθουμε με την ακόλουθη ακολουθία:



Εκδηλώσεις χρονισμού

Το JavaScript επιτρέπει επίσης την εκτέλεση του λειτουργίες καθώς και μεθόδους σε σχέση με το χρόνο και όχι τον χρόνο εκτέλεσης του προγράμματος. Αυτό επιτρέπει την εκτέλεση των λειτουργιών στον καθορισμένο χρόνο, ανεξάρτητα από το χρόνο εκτέλεσης του προγράμματος.



Οι δύο βασικές μέθοδοι για τη χρήση των συμβάντων χρονισμού σε JavaScript είναι:

  • setTimeout (λειτουργία, χιλιοστά του δευτερολέπτου)



Αυτή η συνάρτηση εκτελεί τη συνάρτηση μέσα στην οποία μεταβιβάζεται ως παράμετρος μόνο μία φορά μετά τον καθορισμένο χρόνο σε χιλιοστά του δευτερολέπτου.

  • setInterval (συνάρτηση, χιλιοστά του δευτερολέπτου)

Αυτή η συνάρτηση εκτελεί τη λειτουργία από το χρόνο εκτέλεσης και μετά από κάθε χρονικό διάστημα που φτάνει. Επαναλαμβάνει την εκτέλεση της λειτουργίας σε κάθε χρονικό διάστημα.



Τώρα ας προχωρήσουμε και να δούμε πώς λειτουργεί το SetInterval στο JavaScript.

SetInterval σε JavaScript

Η πρώτη παράμετρος αυτής της συνάρτησης είναι η συνάρτηση που θα εκτελεστεί και η δεύτερη παράμετρος δείχνει το χρονικό διάστημα μεταξύ κάθε εκτέλεσης.

πώς να ρίξετε διπλό στο int java
var myVar = setInterval (myTimer, 1000) συνάρτηση myTimer () {var d = new Date () document.getElementById ('demo'). innerHTML = d.toLocaleTimeString ()}

Εδώ, το document.getElementById παίρνει το στοιχείο από που έχει το αναγνωριστικό ως 'demo' και d.toLocaleTimeString () συνιστούν την τρέχουσα ώρα από το σύστημα.

Ως εκ τούτου, αυτό επαναλαμβάνεται κάθε 1000 χιλιοστά του δευτερολέπτου που ισοδυναμεί με 1 δευτερόλεπτο. Έτσι, η συνάρτηση εκτελείται επανειλημμένα κάθε 1 δευτερόλεπτο και ως εκ τούτου ο χρόνος ενημερώνεται κάθε δευτερόλεπτο.

Πώς λοιπόν σταματάμε αυτήν την εκτέλεση; Ας ανακαλύψουμε!

Πώς να σταματήσετε την εκτέλεση;

Μπορούμε να σταματήσουμε την εκτέλεση από τη συνάρτηση setInterval () με τη βοήθεια μιας άλλης συνάρτησης που ονομάζεται clearInterval ().clearInterval () χρησιμοποιεί τη μεταβλητή που επιστρέφεται από τη συνάρτηση setInterval ().

Για παράδειγμα:

myVar = setInterval (συνάρτηση, χιλιοστά του δευτερολέπτου) clearInterval (myVar)

Ακολουθεί ένα παράδειγμα που χρησιμοποιεί τόσο το setInterval () όσο και το clearInterval (). Αυτό ξεκινά ένα ρολόι και παρέχει ένα κουμπί για να σταματήσει η ώρα.

πώς να χρησιμοποιήσετε τη μέθοδο split στο java
 

Παρακάτω είναι ένα ρολόι.

Σταματήστε το χρόνο

Κάντε κλικ στο παραπάνω κουμπί για να σταματήσετε την ώρα.

var myVar = setInterval (myTimer, 1000) συνάρτηση myTimer () {var d = new Date () document.getElementById ('demo'). innerHTML = d.toLocaleTimeString ()}

Παραγωγή:

Έξοδος - setinterval σε javascript - edureka

Μερικά περισσότερα παραδείγματα με το setInterval () και το ClearInterval ().

Δημιουργία δυναμικής γραμμής προόδου

#myProgress {πλάτος: 100% ύψος: 30px θέση: σχετικό φόντο-χρώμα: #ddd} #myBar {background-color: # 4CAF50 πλάτος: 10px ύψος: 30px θέση: απόλυτη} 
Click Me function move () {var elem = document.getElementById ('myBar') var width = 0 var id = setInterval (frame, 10) frame function () {if (width == 100) {clearInterval (id)} άλλο {width ++ elem.style.width = width + '%'}}}

Παραγωγή:

Η αρχική έξοδος

Έξοδος μετά το κλικ στο κουμπί που λέει 'Click Me'.

Εναλλαγή μεταξύ δύο φόντων

Διακοπή εναλλαγής var myVar = setInterval (setColor, 300) συνάρτηση setColor () {var x = document.body x.style.backgroundColor = x.style.backgroundColor == 'κίτρινο'; 'pink': 'yellow'} συνάρτηση stopColor () {clearInterval (myVar)}

Παραγωγή:

Το χρώμα εναλλάσσεται μεταξύ του κίτρινου και του ροζ. Η παραπάνω έξοδος είναι πριν κάνετε κλικ στο κουμπί και τα παρακάτω είναι μετά το κλικ στο κουμπί.

Με αυτό, φτάσαμε στο τέλος του άρθρου SetInterval στο JavaScript. Ελπίζω να καταλάβατε πώς λειτουργεί η μέθοδος SetInterval.

Δείτε το από την Edureka. Η Εκπαίδευση Πιστοποίησης Ανάπτυξης Ιστού θα σας βοηθήσει να μάθετε πώς να δημιουργείτε εντυπωσιακούς ιστότοπους χρησιμοποιώντας HTML5, CSS3, Twitter Bootstrap 3, jQuery και Google API και να το αναπτύξετε στην υπηρεσία απλής αποθήκευσης Amazon (S3).

συνδεδεμένη λίστα στο c tutorial

Έχετε μια ερώτηση για εμάς; Παρακαλώ αναφέρετέ το στην ενότητα σχολίων αυτού του ιστολογίου και θα επικοινωνήσουμε μαζί σας.