:: How to Build ::
- ผมสร้าง Form ขึ้นมา กำหนดชื่อ Form ว่า "f1" และ Input "i1"
สำหรับแสดงค่าเวลาที่เหลืออยู่ครับ
<![CDATA[
<form name=f1>
<input name=i1 value=10>
</form>
]]>
- หลังจากนั้น ก็เขียนฟังก์ชั่น Countdown() มีการทำงานตามขั้นตอนดังนี้ครับ
- ตรวจสอบว่า เวลาเป็น 0 หรือยัง
- ถ้ายัง ลดค่าเวลาแล้ว ตั้งเวลาเพื่อเรียกตัวเองในอีก 1 วินาที
- แต่ถ้าเป็น 0 แล้ว ให้แสดงข้อความ 'BOOM BOOOOM!!!'
<![CDATA[
<script language="JavaScript">
function Countdown()
{
if (document.f1.i1.value>0)
{
document.f1.i1.value--;
setTimeout('Countdown()',1000);
} else {
alert('BOOM BOOOOM!!!');
}
}
</script>
]]>
- ขั้นสุดท้ายก็ใส่ฟังก์ชั่น Countdown() ไว้ใน <body onload=...
<![CDATA[
<body onload="Countdown()">
]]>
|
