Taimeri loomiseks JavaScripti programm

Lang L: none (table-of-contents)

Selles näites õpid kirjutama JavaScripti programmi, mis loob taimeri.

Selle näite mõistmiseks peaksid teil olema teadmised järgmistest JavaScripti programmeerimise teemadest:

  • JavaScripti matemaatika korrus ()
  • JavaScripti kuupäev ja kellaaeg
  • Javascripti komplektInterval ()

Näide: loendage taimer

 // program to create a countdown timer // time to countdown from (in milliseconds) let countDownDate = new Date().getTime() + 24 * 60 * 60 * 1000; // countdown timer let x = setInterval(function() ( // get today's date and time in milliseconds let now = new Date().getTime(); // find the interval between now and the countdown time let timeLeft = countDownDate - now; // time calculations for days, hours, minutes and seconds const days = Math.floor( timeLeft/(1000*60*60*24) ); const hours = Math.floor( (timeLeft/(1000*60*60)) % 24 ); const minutes = Math.floor( (timeLeft/1000/60) % 60 ); const seconds = Math.floor( (timeLeft/1000) % 60 ); // display the result in the element with console.log(days + "d " + hours + "h " + minutes + "m " + seconds + "s "); // clearing countdown when complete if (timeLeft < 0) ( clearInterval(x); console.log('CountDown Finished'); ) ), 2000);

Väljund

 0d 23h 59m 57s 0d 23h 59m 55s 0d 23h 59m 53s 0d 23h 59m 51s…

Ülalolevas programmis kasutatakse setInterval()meetodit taimeri loomiseks.

setInterval()Meetodit kasutatakse antud intervall (siin 2000 millisekundit).

new Date()Annab praeguse kuupäeva ja kellaaja. Näiteks,

 let d1 = new Date(); console.log(time); // Fri Aug 28 2020 09:19:40 GMT+0545 (+0545)

getTime()Meetod tagastab arvu millisekundit keskööst on 1. jaanuar 1970 (ECMAScript epohhi) ettenähtud kuupäeva (siin praegune kuupäev).

Järgmine kood annab järgmise päeva aja millisekundites.

 new Date().getTime() + 24 * 60 * 60 * 1000;

Nüüd saame järelejäänud aja arvutada järgmise valemi abil:

 let timeLeft = countDownDate - now;

Ülejäänud päevade arv arvutatakse järgmiselt:

  • Sekundite arvu määramiseks jagatakse ajaintervall 1000-gatimeLeft / 1000
  • Seejärel jagatakse ajavahemik 60 * 60 * 24-ga, et määrata järelejäänud päevade arv.
  • Math.floor()Funktsiooni kasutatakse ümardada arvu täisarvuks.

Sarnaseid meetodeid kasutatakse tundide, minutite ja sekundite jooksul.

Märkus . Võite kasutada ka kohandatud algusloendusaega, edastades kindla kuupäeva.

Näiteks,

 let countDownDate = new Date("Aug 5, 2025 14:22:36").getTime();

Huvitavad Artiklid...