การทำ ให้ Button นับ ถอยหลัง จัดทำโดย : first พิมพ์
 การทำ ให้ Button นับ ถอยหลัง

1. Copy Script ส่วนนี้ไว้ใน ส่วนของ Head

<script type="text/javascript">

function countdown(id){
i =id -1;//ให้ค่าลดลงทีละ 1
if(id > 1){
document.getElementById("bt_download").value ='Wait '+i+' Second..';
}else{

//เมื่อค่า i == 1
document.getElementById("bt_download").value ='Download Now';
document.getElementById("bt_download").disabled ='';
}
setTimeout("countdown("+i+")", 1000); //1000 = 1 วินาที
}

</script>

2.Copy Script นี้ไว้ที่ Body

<body onLoad="countdown('10')">

เพื่อเริ่มนับถอยหลังจาก 10 ถึง 0
onLoad="countdown('10')" เมื่อเปิดหน้าเว็บ มาให้เรียกใช้ฟังก์ชั่น countdown();

3.Copy Script นี้ไว้ใน Body

<form id="frm_download" name="frm_download" method="post" action="#">
<input name="bt_download" type="submit" id="button" value="Wait 10 Second.." disabled="disabled" />
</form>

4.ผลก็คือ

 

คุณอาจสนใจ
การกำหนดระบุวินโดว์หรือเฟรมที่ต้องการให้แสดงเว็บเพจปลายทางการลิงค
สายลม (33,896 - 29 มี.ค. 51)
การใช้งาน Layer
Mr.GuruZ (44,365 - 04 มิ.ย. 49)
มุมมองแบบต่าง ๆ ใน Word 2000
อ้อม (21,128 - 13 ม.ค. 50)
การเปลี่ยนสีสไลด์โดยใช้เมนู Background
หมูขุน (23,617 - 04 ก.พ. 50)
วิธีใส่ Icon ให้เว็บของคุณใน Favorites
เว็บไทยดีดี (18,626 - 26 ม.ค. 51)
การกำหนดหัวกระดาษและท้ายกระดาษ
P'nutthapon (28,233 - 13 ม.ค. 50)
มาลองวาดหน้าตัวการ์ตูนด้วย illustrator กันเถอะ
เว็บไทยดีดี (110,213 - 08 ก.ย. 50)
เร่งสปีดเมาส์ให้สะใจเกมเมอร์
เว็บไทยดีดี (13,107 - 29 ก.ย. 50)