Ang kailangan mo lamang malaman tungkol sa Mga Timer sa JavaScript



Magbibigay sa iyo ang artikulong ito ng isang detalyado at kumpletong kaalaman kung paano ipatupad ang Mga Timer sa JavaScript na may Mga Halimbawa.

Ang timer ay isang mahalagang aspeto ng anumang wika ng programa. Tulad ng alam nating oras ay pera. Kaya sa artikulong ito, makikita natin kung paano ipatupad at magtrabaho kasama ang Mga Timer sa JavaScript:

Nagtatrabaho sa Mga Timer sa JavaScript

Ang timer ay isang pagpapaandar na nagbibigay-daan sa amin upang magpatupad ng isang pagpapaandar sa isang partikular na oras.Paggamit ng mga timer maaari mong antalahin ang pagpapatupad ng code upang hindi ito magawa sa eksaktong sandali na na-trigger ang isang kaganapan o na-load ang pahina. Halimbawa, maaari kang gumamit ng mga timer upang mabago ang mga banner ng ad sa iyong website nang regular na agwat, o ipakita ang isang real-time na orasan, atbp.





Mayroong timer function sa JavaScript:setTimeout ()

Ipapakita sa iyo ng sumusunod na seksyon kung paano lumikha ng mga timer upang maantala ang codepagpapatupad pati na rin kung paano magsagawa ng isa o higit pang mga pagkilos nang paulit-ulit gamit ang pag-andar sa JavaScript.



Set ng WindowTimeout () Pamamaraan

Kahulugan at Paggamit:

Ang pamamaraan ng setTimeout () ay tumatawag sa isang pagpapaandar o sinusuri ang isang expression pagkatapos ng isang tinukoy na bilang ng mga millisecond.

TIP:



  • 1000 ms = 1 segundo.
  • Ang pagpapaandar ay isinasagawa lamang nang isang beses. Kung kailangan mong ulitin ang pagpapatupad, gamitin angsetInterval ()paraan
  • Gamitin angclearTimeout ()paraan upang maiwasan ang pagpapatakbo ng pagpapaandar.

Tumatanggap ang pagpapaandar na ito ng dalawang mga parameter: a pagpapaandar , na kung saan ay ang pagpapaandar upang magpatupad, at isang opsyonal antala parameter, na kung saan ay ang bilang ng mga millisecond na kumakatawan sa dami ng oras upang maghintay bago ipatupad ang pagpapaandar (1 segundo = 1000 milliseconds).

Halaga ng Pagbabalik: Nagbabalik ito ng isang numero na kumakatawan sa halaga ng ID ng timer na itinakda.

Code: Mga timer sa JavaScript

Narito ang code para sa Mga Timer sa JavaScript na nagtatakda ng timer ng 2 minuto at kapag ang beses na paandarin ang Pahina ng 'beses na'. AngsetTimeout ()Tinatawag ng isang paraan ang isang pagpapaandar o sinusuri ang isang expression pagkatapos ng isang tinukoy na bilang ng mga milliseconds.

// set minuto

var mins = 2

// kalkulahin ang mga segundo

var secs = mins * 60

// countdown function ay pukawin kapag na-load ang pahina

countdown ng function () {

setTimeout ('Decrement ()', 60)

}

// Decrement function magbawas ng halaga.

pagpapaandar Decrement () {

kung (document.getElementById) {

minuto = document.getElementById ('minuto')

segundo = document.getElementById ('segundo')

// kung mas mababa sa isang minuto na natitira

// Ipakita lamang ang halagang segundo.

kung (segundo<59) {

segundo.value = secs

}

// Ipakita ang parehong minuto at segundo

// getminutes at geteconds ay nakasanayan na

// kumuha ng minuto at segundo

iba pa {

minutes.value = getminutes ()

segundo.value = getseconds ()

}

kung paano gamitin ang atom na may sawa

// kapag mas mababa sa isang minuto ang natitira

// kulay ng minuto at segundo

// nagbabago sa pula

kung (min<1) {

minutes.style.color = 'pula'

segundo.style.color = 'pula'

}

// kung ang mga segundo ay magiging zero,

// pagkatapos ng oras ng pag-alerto ng pahina

kung (min<0) {

alerto ('time up')

minuto.value = 0

segundo. halaga = 0

}

// kung segundo> 0 kung gayon ang segundo ay nabawasan

iba pa {

tuyo--

setTimeout ('Decrement ()', 1000)

}

}

}

pagpapaandar getminutes () {

// minuto ay segundo hinati ng 60, bilugan

min = Math.floor (seg / 60)

bumalik min

}

function geteconds () {

// magtagal ng ilang minuto (bilang segundo) ang layo

// mula sa kabuuang natitirang segundo

return secs - Math.round (mins * 60)

}

Natitirang oras ::

:

timers-in-javascript

Kapag mas mababa sa isang minuto ang natitira, ang kulay ng timer ay nagbabago sa pula.

Sa pamamagitan nito, natapos namin ang Timer na ito sa artikulong JavaScript. C ano ba ang ni Edureka, isang pinagkakatiwalaang kumpanya sa pag-aaral sa online na may isang network na higit sa 250,000 nasiyahan na mga nag-aaral na kumalat sa buong mundo.

May tanong ba sa amin? Mangyaring banggitin ito sa seksyon ng mga komento ng Dependency Injection na ito sa AngularJs at babalikan ka namin.