กำหนดเวลารอดำเนินการ ด้วย javascript อย่างง่าย

30 October 2008

สามารถประยุกต์ใช้ในการลิ้งค์อัตโนมัติ โดยมีเวลานับถอยหลังแสดงได้

<script type="text/javascript">
var wait_time=8;  // กำหนดเวลาให้รอ เป็นวินาที
window.onload=function(){
	var vela=setInterval("decrease_num()",1000);
	setTimeout("clearInterval("+vela+")",(wait_time+1)*1000);
}
function decrease_num(){
	if(wait_time>0){
	var show_place=document.getElementById('show_text');
	show_place.innerHTML="กรุณารอ... "+wait_time+"  วินาที";
	wait_time--;
	}else{
		if(wait_time==0){
			alert("Go!!");	 // คำสั่งหลังจากนับถอยหลังถึง 0 แล้ว
		}	
	}
}
</script>
<span id="show_text"></span>

ดูตัวอย่าง คลิกดูตัวอย่าง








บทความในหมวดที่่น่าสนใจ อื่นๆ JAVASCRIPT Learning

25 Sep 08 รู้จักฟังก์ชันสำหรับการ random อ่าน 2681 25 Mar 09 ใช้งาน cookie ในการจำค่าชื่อผู้ใฃ้และรหัสผ่าน ด้วย javascript และ php อ่าน 2659 25 Sep 08 ไม่ให้ทำการ คัดลอก ( Copy ) และ วาง ( Paste ) อ่าน 2524 22 Mar 10 ทบทวนคำสั่ง break และ continue ใน javascript อ่าน 2427 25 Sep 08 แสดงชื่อไฟล์เอกสารปัจจุบัน ด้วย location.href อ่าน 2395 25 Sep 08 ตกแต่งภาพในเว็บให้น่าสนใจคล้ายภาพสะท้อนจากน้ำ อ่าน 2344 03 Feb 10 ทบทวน javascript ฟังก์ชั่น ให้กรอกเฉพาะภาษาอังกฤษเท่านั้น อ่าน 2261 11 Dec 09 ทบทวน การเรียกใช้งาน events ใน javascript ที่ใช้ได้สำหรับ ทุก browsers อ่าน 2231 02 Jun 10 การหา ขนาด ความกว้าง ความสูงของ รูปภาพ ด้วย javascript อ่าน 2166 21 Oct 08 การล้างค่า ข้อความเริ่มต้นในช่องการค้นหา ด้วย javascript อ่าน 2044 25 Sep 08 ป้องกันคนคลิกขวา และ ป้องกันคน select ข้อความ อ่าน 1898 13 Feb 09 แปลงข้อความเป็นตัวเล็ก toLowerCase ตัวใหญ่ toUpperCase ด้วย javascript อ่าน 1895 22 Mar 09 javascript หาความกว้างและความสูงของหน้าเพจได้ด้วยฟังก์ชันง่ายๆ อ่าน 1732 24 Feb 11 ยืนยันการเปลี่ยนแปลงข้อมูลใน select option ด้วย javascript อย่างง่าย อ่าน 1705 18 Aug 09 สร้าง ฟังก์ชั่น บันทึกหน้าเพจไว้ใน Favorites และ Bookmarks ด้วย javascript อ่าน 1677

บทความคนเข้าอ่านวันนี้

29 Dec 10 เพิ่มเติม การใช้งาน popup แบบ showModalDialog อย่างสมบูรณ์ อ่าน 4125 29 Oct 08 สร้างปุ่มแบ่งหน้าให้ดูดีด้วย css อย่างง่าย อ่าน 6358 02 Mar 10 ประยุกต์ แปลเนื้อหา ในเว็บไซต์ด้วย google translater api สำหรับ php อ่าน 1161 18 Dec 09 สร้างไฟล์ word จาก html ด้วย php class ได้อย่างง่าย อ่าน 1959 25 Sep 08 เอาข้อมูลใน mysql ออกมาเป็น text ไฟล์ อ่าน 2383 25 Sep 08 ตรวจสอบสถานะของ MySQL ด้วย phpinfo อ่าน 1791 25 Sep 08 การกำหนดความกว้างความสูงของ element ด้วยฟังก์ชันของ jQuery อ่าน 2453 21 Oct 08 php กับการแสดงวันที่เป็นภาษาไทย อ่าน 9775 15 Oct 08 การสร้างข้อความแจ้งเตือนด้วย CSS อ่าน 3771 10 Feb 10 ประยุกต์ สร้าง FTP Function สำหรับการจัดการไฟล์ผ่าน FTP Protocal อ่าน 1393 25 Sep 08 Jquery javascript library มาแรง อ่าน 6384 08 Oct 08 javascript อย่างง่าย กับการสร้างปุ่มจากรูปภาพ อ่าน 2843 23 Nov 08 สร้างเมนูแท็บ Tab menu ด้วย jQuery + CSS อย่างง่าย อ่าน 24729 21 Dec 10 กำหนด ปุ่ม ให้ทำงาน เมื่อคลิกที่ checkbox ยอมรับเงื่อนไข ด้วย jQuery อ่าน 2205 25 Sep 08 มารู้จัก effect ของ jquery อย่างง่าย ตอนที่ 3 อ่าน 3734 15 Feb 09 สร้างเมนู Accordion อย่างง่ายแบบที่ 2 ด้วย jQuery อ่าน 4439 25 Sep 08 สร้างฟังก์ชันในการหาจำนวนวัน ชั่วโมง นาที และวินาทีที่ผ่านมาแล้ว อ่าน 1989 08 Oct 08 การจัดตำแหน่ง div ให้อยู่กี่งกลาง อ่าน 5392 02 Oct 10 สร้าง animation แนะนำเส้นทาง ใน google map อย่างง่าย อ่าน 2449 25 Sep 08 เลือกหรือไม่เลือก checkbox ทั้งหมด อ่าน 3841
จำนวนผู้เยี่ยมชม 784678
คน 2012 © Copyright ninenik.com. All rights reserved.