อัพเดทวันที่: 21 ก.ค. 2558
วีดีโอน่ารู้ : โปรเจคบวกเลขโดยใช้Onkeyup Javascript Project PHP
|
โปรแกรมนับเวลาถอยหลัง หมดเวลาจะส่งข้อมูลไปหน้าอื่น โดยใช้ฟังก์ชั่นJavascript ในการนับเวลาถอยหลัง ซึ่งโปรแกรมนี้เป็นอีกหนึ่งโปรแกรมขนาดเล็กที่มีความสำคัญและเหมาะนำไปพัฒนา เพื่อสร้างระบบอื่นๆต่อไป โดยการทำงานของฟังก์ชั่นนี้ คือการนับเวลาถอยหลังลงไปเรื่อยๆจนกว่าเวลาจะเหลือ 0 วินาที ฟังก์ชั่นjavascriptจะทำการsubmitอัตโนมัติ เพื่อส่งข้อมูลบางอย่างไปยังอีกหน้านึง ลองดูโค้ดได้จาก
วีดีโอ
Time.php
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body onLoad="begintimer()">
<p> </p>
<table width="500" border="1" align="center">
<tr><td align="center"><h1><b>โปรแกรมนับเวลาถอยหลัง</b></h1></td></tr>
<tr>
<td align="center">
<script language="">
var limit="1:10"
if (document.images){
var parselimit=limit.split(":")
parselimit=parselimit[0]*60+parselimit[1]*1
}
function begintimer(){
if (!document.images)
return
if (parselimit==1)
// เหตุการณ์ที่ต้องการให้เกิดขึ้น
// window.location='page.php'; ถ้าต้องการให้กระโดดไปยัง Page อื่น
frmTest.submit();
else{
parselimit-=1
curmin=Math.floor(parselimit/60)
cursec=parselimit%60
if (curmin!=0)
curtime="เวลาที่เหลือ <font color=red> "+curmin+" </font>นาที กับ <font color=red>"+cursec+" </font>วินาที "
else
if(cursec==0)
{
alert('หมดเวลาแล้วจ้า');
}
else
{
curtime="เวลาที่เหลือ <font color=red>"+cursec+" </font>วินาที "
}
document.getElementById('dplay').innerHTML = curtime;
setTimeout("begintimer()",1000)
}
}
//-->
</script>
<div id=dplay ></div>
<form name="frmTest" action="check.php">
</form></td>
</tr>
</table>
<p> </p>
</body
></html>
check.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<p style="font-size:18px;" align="center">หมดเวลาแล้วครับ คะแนนที่ได้ ....... คะแนน</p>
</body>
</html>
วีดีโอน่ารู้ : โค้ดโปรแกรมตรวจเช็คบัตรประชาชน Programmer PHP
|
ดูตัวอย่างโปรแกรม
กดlike เพื่อติดตามข่าวสารและโปรเจค โค้ดใหม่ๆอัพเดทอยู่เสมอ
Tag : โปรแกรมนับเวลาถอยหลัง ฟังก์ชั่นJavascript โปรแกรมphp การเขียนโค้ดphp submitอัตโนมัติ ฟังก์ชั่นระบบ