Acara pemasaan JavaScript
Acara Pemasaan JavaScript
Dengan menggunakan JavaScript, kami mempunyai keupayaan untuk melaksanakan kod selepas selang masa yang ditetapkan, bukannya sejurus selepas fungsi dipanggil. Kami memanggil ini acara masa.
Selepas mengklik butang dalam contoh ini, kotak amaran akan muncul selepas 5 saat:
<html>
<head>
<script type="text/javascript">
function timedMsg()
{
var t=setTimeout("alert('5 秒！')",5000)
}
</script>
</head>
<body>
<form>
<input type="button" value="顯示定時(shí)的警告框" onClick = "timedMsg()">
</form>
<p>請(qǐng)點(diǎn)擊上面的按鈕。警告框會(huì)在 5 秒后顯示。</p>
</body>
</html>Atur cara dalam contoh ini akan melaksanakan pemasaan selama 2 saat, 4 saat dan 6 saat:
<html>
<head>
<script type="text/javascript">
function timedText()
{
var t1=setTimeout("document.getElementById('txt').value='2 秒'",2000)
var t2=setTimeout("document.getElementById('txt').value='4 秒'",4000)
var t3=setTimeout("document.getElementById('txt').value='6 秒'",6000)
}
</script>
</head>
<body>
<form>
<input type="button" value="顯示計(jì)時(shí)的文本" onClick="timedText()">
<input type="text" id="txt">
</form>
<p>點(diǎn)擊上面的按鈕。輸入框會(huì)顯示出已經(jīng)逝去的時(shí)間（2、4、6 秒）。</p>
</body>
</html>Dalam contoh ini, selepas mengklik butang mula, program mula mengira dalam saat dari 0
<html>
<head>
<script type="text/javascript">
var c=0
var t
function timedCount()
{
document.getElementById('txt').value=c
c=c+1
t=setTimeout("timedCount()",1000)
}
</script>
</head>
<body>
<form>
<input type="button" value="開(kāi)始計(jì)時(shí)！" onClick="timedCount()">
<input type="text" id="txt">
</form>
<p>請(qǐng)點(diǎn)擊上面的按鈕。輸入框會(huì)從 0 開(kāi)始一直進(jìn)行計(jì)時(shí)。</p>
</body>
</html>Dalam contoh ini, selepas mengklik butang kira, program mula mengira bawah berdasarkan nilai dimasukkan oleh pengguna. Klik butang berhenti untuk menghentikan pemasaan
<html>
<head>
<script type="text/javascript">
var c=0
var t
function timedCount()
{
document.getElementById('txt').value=c
c=c+1
t=setTimeout("timedCount()",1000)
}
function stopCount()
{
c=0;
setTimeout("document.getElementById('txt').value=0",0);
clearTimeout(t);
}
</script>
</head>
<body>
<form>
<input type="button" value="開(kāi)始計(jì)時(shí)！" onClick="timedCount()">
<input type="text" id="txt">
<input type="button" value="停止計(jì)時(shí)！" onClick="stopCount()">
</form>
<p>請(qǐng)點(diǎn)擊上面的“開(kāi)始計(jì)時(shí)”按鈕來(lái)啟動(dòng)計(jì)時(shí)器。輸入框會(huì)一直進(jìn)行計(jì)時(shí)，從 0 開(kāi)始。點(diǎn)擊“停止計(jì)時(shí)”按鈕可以終止計(jì)時(shí)，并將計(jì)數(shù)重置為 0。</p>
</body>
</html>Jam JavaScript kecil:
<html>
<head>
<script type="text/javascript">
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}
function checkTime(i)
{
if (i<10)
{i="0" + i}
return i
}
</script>
</head>
<body onload="startTime()">
<div id="txt"></div>
</body>
</html>Acara pemasaan JavaScript
Dengan menggunakan JavaScript, kami mempunyai keupayaan untuk lakukannya selepas selang masa yang ditetapkan untuk melaksanakan kod dan bukannya selepas fungsi dipanggil. Kami memanggil ini acara masa.
Adalah sangat mudah untuk menggunakan peristiwa pemasaan dalam JavaScript Dua kaedah utama ialah:
setTimeout() Laksanakan kod pada masa hadapan clearTimeout() Batalkan setTimeout()
setTimeout()
Syntax
var t=setTimeout("javascript statement", milisaat)
Kaedah setTimeout() akan mengembalikan nilai tertentu . Dalam pernyataan di atas, nilai disimpan dalam pembolehubah bernama t. Jika anda ingin membatalkan setTimeout(), anda boleh menentukannya menggunakan nama pembolehubah ini.
Parameter pertama setTimeout() ialah rentetan yang mengandungi pernyataan JavaScript. Ini mungkin pernyataan seperti "alert('5 seconds!')", atau panggilan ke fungsi seperti alertMsg()".
Parameter kedua menunjukkan berapa milisaat dari masa semasa yang pertama parameter akan dilaksanakan. ) kaedah digunakan untuk menghentikan kod fungsi setInterval () yang dilaksanakan oleh kaedah
Syntaxwindow.clearInterval(intervalVariable)window. kaedah clearInterval() tidak boleh menggunakan awalan tetingkap , gunakan fungsi clearInterval() secara langsung.
Untuk menggunakan kaedah clearInterval(), anda mesti menggunakan pembolehubah global semasa mencipta kaedah pemasaan:
myVar=setInterval("javascript function",milisaat);
Kemudian anda boleh gunakan kaedah clearInterval () untuk menghentikan pelaksanaan.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>時(shí)鐘停止示例</title>
</head>
<body>
<p>頁(yè)面上顯示時(shí)鐘：</p>
<p id="demo"></p>
<button onclick="myStopFunction()">停止時(shí)鐘</button>
<script>
var myVar=setInterval(function(){myTimer()},1000);
function myTimer(){
var d=new Date();
var t=d.toLocaleTimeString();
document.getElementById("demo").innerHTML=t;
}
function myStopFunction(){
clearInterval(myVar);
}
</script>
</body>
</html>
