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
- Set ng WindowTimeout () Pamamaraan
- Code: 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 ang
setInterval ()
paraan - Gamitin ang
clearTimeout ()
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 ::
:
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.