การทำ ให้ 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.ผลก็คือ

 

คุณอาจสนใจ
ทำภาพให้โปร่งแสงด้วย Transparency
ธนิศา ไชยภูริพัฒน์ (76,607 - 19 ม.ค. 51)
การใช้คำสั่งวนลูป do..while
Mr.GuruZ (27,473 - 03 มิ.ย. 49)
วิธีเปลี่ยนเคอร์เซอร์เมาส์ให้เป็นภาพตามใจนึก xp
สายลม (30,324 - 19 เม.ย. 51)
การทำเส้นวิ่งเป็นกรอบสี่เหลี่ยม
Mr.GuruZ (97,745 - 04 มิ.ย. 49)
การใช้คำสั่ง DLookup เข้ามามีส่วนร่วมกับ DMax และ DMin
นายจืด (23,017 - 09 พ.ค. 51)
การสร้างโลโก้โดยใช้เส้น Path(ตอนที่ 2)
เว็บไทยดีดี (46,283 - 20 ต.ค. 50)
การ์ตูน Flash อย่างง่ายตอนที่ 1 (การร่างโครงภาพ)
Black-Hawk (157,131 - 18 ม.ค. 51)
การกำหนด Link Popup
Mr.GuruZ (81,485 - 04 มิ.ย. 49)