สร้าง countdown นับเวลา ถอยหลัง ด้วย javascript

Bookmark and Share

ตัวอย่างผลลัพธ์ กำหนดเวลาที่ 10/31/2010 09:09:09

 

HTML Code ตัวอย่าง

<div id="showRemain"></div>

Javascript Code ตัวอย่าง

<script type="text/javascript">
function countDown(){
	var timeA = new Date(); // วันเวลาปัจจุบัน
	var timeB = new Date("10/31/2010 09:09:09"); // วันเวลาสิ้นสุด รูปแบบ เดือน/วัน/ปี ชั่วโมง:นาที:วินาที
	var timeDifference = timeB-timeA;
	if(timeDifference>=0){
		timeDifference=timeDifference/1000;
		timeDifference=Math.floor(timeDifference);
		var wan=Math.floor(timeDifference/86400);
		var l_wan=timeDifference%86400;
		var hour=Math.floor(l_wan/3600);
		var l_hour=l_wan%3600;
		var minute=Math.floor(l_hour/60);
		var second=l_hour%60;
		var showPart=document.getElementById('showRemain');
		showPart.innerHTML="เหลือเวลา "+wan+" วัน "+hour+" ชั่วโมง "
		+minute+" นาที "+second+" วินาที"; 
			if(wan==0 && hour==0 && minute==0 && second==0){
				clearInterval(iCountDown); // ยกเลิกการนับถอยหลังเมื่อครบ
				// เพิ่มฟังก์ชันอื่นๆ ตามต้องการ
			}
	}
}
// การเรียกใช้
var iCountDown=setInterval("countDown()",1000); 
</script>

 




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

17 Feb 09 การแปลงค่าตัวเลข ให้อยู่ในรูปแบบจำนวนเงิน มี comma ด้วย javascript อ่าน 1586 25 Sep 08 แสดงชื่อไฟล์เอกสารปัจจุบัน ด้วย location.href อ่าน 1562 25 Mar 09 ใช้งาน cookie ในการจำค่าชื่อผู้ใฃ้และรหัสผ่าน ด้วย javascript และ php อ่าน 1558 25 Sep 08 ตกแต่งภาพในเว็บให้น่าสนใจคล้ายภาพสะท้อนจากน้ำ อ่าน 1366 21 Oct 08 การล้างค่า ข้อความเริ่มต้นในช่องการค้นหา ด้วย javascript อ่าน 1265 11 Dec 09 ทบทวน การเรียกใช้งาน events ใน javascript ที่ใช้ได้สำหรับ ทุก browsers อ่าน 1172 25 Sep 08 ป้องกันคนคลิกขวา และ ป้องกันคน select ข้อความ อ่าน 1159 13 Feb 09 แปลงข้อความเป็นตัวเล็ก toLowerCase ตัวใหญ่ toUpperCase ด้วย javascript อ่าน 1144 18 Aug 09 สร้าง ฟังก์ชั่น บันทึกหน้าเพจไว้ใน Favorites และ Bookmarks ด้วย javascript อ่าน 1052 03 Feb 10 ทบทวน javascript ฟังก์ชั่น ให้กรอกเฉพาะภาษาอังกฤษเท่านั้น อ่าน 1012 22 Mar 09 javascript หาความกว้างและความสูงของหน้าเพจได้ด้วยฟังก์ชันง่ายๆ อ่าน 997 02 Jun 10 การหา ขนาด ความกว้าง ความสูงของ รูปภาพ ด้วย javascript อ่าน 926 22 Mar 10 ทบทวนคำสั่ง break และ continue ใน javascript อ่าน 884 05 Jul 10 ทบทวน วันที่ date object ใน javascript อ่าน 817 29 Jul 10 สั่ง print preview ใน IE และ ประยุกต์กับ บราวเซอร์ อื่น อ่าน 580
จำนวนผู้เยี่ยมชม 189214 คน 2010 © Copyright ninenik.com. All rights reserved.