Όλα όσα πρέπει να γνωρίζετε για τους χρονοδιακόπτες σε JavaScript

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

Τα χρονόμετρα είναι μια σημαντική πτυχή οποιασδήποτε γλώσσας προγραμματισμού. Όπως γνωρίζουμε ο χρόνος είναι χρήμα. Έτσι, σε αυτό το άρθρο, θα δούμε πώς να εφαρμόζουμε και να δουλεύουμε με τους Χρονοδιακόπτες σε JavaScript:



Εργασία με χρονοδιακόπτες σε JavaScript

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



Υπάρχει μια λειτουργία χρονοδιακόπτη σε JavaScript:setTimeout ()

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



Παράθυρο setTimeout () Μέθοδος

Ορισμός και χρήση:

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

ΥΠΟΔΕΙΞΗ:



  • 1000 ms = 1 δευτερόλεπτο.
  • Η λειτουργία εκτελείται μόνο μία φορά. Εάν πρέπει να επαναλάβετε την εκτέλεση, χρησιμοποιήστε τοsetInterval ()μέθοδος.
  • Χρησιμοποιήστε τοclearTimeout ()μέθοδος για την αποτροπή της λειτουργίας της λειτουργίας.

Αυτή η συνάρτηση δέχεται δύο παραμέτρους: α λειτουργία , η οποία είναι η λειτουργία που πρέπει να εκτελεστεί, και μια προαιρετική καθυστέρηση παράμετρος, που είναι ο αριθμός των χιλιοστών του δευτερολέπτου που αντιπροσωπεύει το χρονικό διάστημα που πρέπει να περιμένετε πριν από την εκτέλεση της λειτουργίας (1 δευτερόλεπτο = 1000 χιλιοστά του δευτερολέπτου).

Αξία επιστροφής: Επιστρέφει έναν αριθμό που αντιπροσωπεύει την τιμή ID του χρονοδιακόπτη που έχει οριστεί.

Κωδικός: Χρονόμετρα σε JavaScript

Εδώ είναι ο κώδικας για χρονοδιακόπτες σε JavaScript που ορίζει το χρονόμετρο 2 λεπτών και όταν οι χρόνοι επάνω η ειδοποίηση σελίδας «φορές επάνω». οsetTimeout ()Η μέθοδος καλεί μια συνάρτηση ή αξιολογεί μια έκφραση μετά από έναν καθορισμένο αριθμό χιλιοστών του δευτερολέπτου.

// ορίστε λεπτά

var λεπτά = 2

// υπολογίστε τα δευτερόλεπτα

var secs = λεπτά * 60

// Η λειτουργία αντίστροφης μέτρησης ενεργοποιείται όταν φορτώνεται η σελίδα

αντίστροφη μέτρηση συνάρτησης () {

setTimeout ('Μείωση ()', 60)

}

// Η συνάρτηση μείωσης μειώνει την τιμή.

Μείωση συνάρτησης () {

εάν (document.getElementById) {

λεπτά = document.getElementById ('λεπτά')

δευτερόλεπτα = document.getElementById ('δευτερόλεπτα')

// εάν απομένει λιγότερο από ένα λεπτό

// Εμφάνιση τιμής μόνο δευτερολέπτων.

αν (δευτερόλεπτα)<59) {

seconds.value = δευτερόλεπτα

}

// Εμφάνιση και λεπτών και δευτερολέπτων

// συνηθίζεται το getminutes και geteconds

// πάρτε λεπτά και δευτερόλεπτα

αλλιώς {

minutes.value = getminutes ()

seconds.value = geteconds ()

}

// όταν απομένει λιγότερο από ένα λεπτό

// χρώμα των λεπτών και των δευτερολέπτων

// αλλάζει σε κόκκινο

εάν (λεπτά<1) {

minutes.style.color = 'κόκκινο'

seconds.style.color = 'κόκκινο'

}

// αν τα δευτερόλεπτα γίνουν μηδέν,

// στη συνέχεια, ο χρόνος ειδοποίησης σελίδας αυξάνεται

εάν (λεπτά<0) {

ειδοποίηση ('time up')

λεπτά. τιμή = 0

seconds.value = 0

}

// αν δευτερόλεπτα> 0 τότε δευτερόλεπτα μειώνεται

αλλιώς {

ξηρός--

setTimeout ('Μείωση ()', 1000)

}

}

}

συνάρτηση getminutes () {

// λεπτά είναι δευτερόλεπτα διαιρούμενο με 60, στρογγυλοποιημένο προς τα κάτω

λεπτά = Math.floor (secs / 60)

επιστροφή λεπτά

}

συνάρτηση geteconds () {

// απομένουν λίγα λεπτά (σε δευτερόλεπτα)

// από τα συνολικά δευτερόλεπτα που απομένουν

return secs - Math.round (λεπτά * 60)

τι είναι rmi στην Ιάβα

}

Υπολειπόμενος χρόνος ::

:

timers-in-javascript

Όταν απομένει λιγότερο από ένα λεπτό, το χρώμα του χρονοδιακόπτη αλλάζει σε κόκκινο.

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

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