JavaScript Tydsberekening gebeurtenisse
1
2
3
4
5
6
7
8
9
10
11
12
|
JavaScript kan in tydintervalle uitgevoer word. Dit word tydsberekeningsgebeure genoem. |
Tydsberekening gebeurtenisse
Die window
objek laat die uitvoering van kode op gespesifiseerde tydintervalle toe.
Hierdie tydintervalle word tydsberekeningsgebeure genoem.
Die twee sleutelmetodes om met JavaScript te gebruik is:
setTimeout(function, milliseconds
)
Voer 'n funksie uit nadat 'n gespesifiseerde aantal millisekondes gewag is.setInterval(function, milliseconds
)
Dieselfde as setTimeout(), maar herhaal die uitvoering van die funksie voortdurend.
Die setTimeout()
en setInterval()
is albei metodes van die HTML DOM Window-objek.
Die setTimeout()-metode
window.setTimeout(function, milliseconds);
Die window.setTimeout()
metode kan sonder die venstervoorvoegsel geskryf word.
Die eerste parameter is 'n funksie wat uitgevoer moet word.
Die tweede parameter dui die aantal millisekondes voor uitvoering aan.
Voorbeeld
Klik op 'n knoppie. Wag 3 sekondes, en die bladsy sal "Hallo" waarsku:
<button onclick="setTimeout(myFunction, 3000)">Try it</button>
<script>
function myFunction() {
alert('Hello');
}
</script>
Hoe om die uitvoering te stop?
Die clearTimeout()
metode stop die uitvoering van die funksie gespesifiseer in setTimeout().
window.clearTimeout(timeoutVariable)
Die window.clearTimeout()
metode kan sonder die venstervoorvoegsel geskryf word.
Die clearTimeout()
metode gebruik die veranderlike teruggestuur vanaf setTimeout()
:
myVar = setTimeout(function, milliseconds);
clearTimeout(myVar);
As die funksie nie reeds uitgevoer is nie, kan jy die uitvoering stop deur die clearTimeout()
metode te bel:
Voorbeeld
Dieselfde voorbeeld as hierbo, maar met 'n bygevoegde "Stop"-knoppie:
<button onclick="myVar = setTimeout(myFunction, 3000)">Try it</button>
<button onclick="clearTimeout(myVar)">Stop it</button>
Die setInterval() Metode
Die setInterval()
metode herhaal 'n gegewe funksie op elke gegewe tydsinterval.
window.setInterval(function, milliseconds);
Die window.setInterval()
metode kan sonder die venstervoorvoegsel geskryf word.
Die eerste parameter is die funksie wat uitgevoer moet word.
Die tweede parameter dui die lengte van die tyd-interval tussen elke uitvoering aan.
Hierdie voorbeeld voer 'n funksie genaamd "myTimer" een keer elke sekonde uit (soos 'n digitale horlosie).
Voorbeeld
Wys die huidige tyd:
setInterval(myTimer, 1000);
function myTimer() {
const d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
Daar is 1000 millisekondes in een sekonde.
Hoe om die uitvoering te stop?
Die clearInterval()
metode stop die uitvoerings van die funksie gespesifiseer in die setInterval() metode.
window.clearInterval(timerVariable)
Die window.clearInterval()
metode kan sonder die venstervoorvoegsel geskryf word.
Die clearInterval()
metode gebruik die veranderlike teruggestuur vanaf setInterval()
:
let myVar = setInterval(function, milliseconds);
clearInterval(myVar);
Voorbeeld
Dieselfde voorbeeld as hierbo, maar ons het 'n "Stop tyd"-knoppie bygevoeg:
<p id="demo"></p>
<button onclick="clearInterval(myVar)">Stop time</button>
<script>
let myVar = setInterval(myTimer, 1000);
function myTimer() {
const d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
</script>