ขอความช่วยเหลือครับ เรื่อง set counter timer

พูดคุย แลกเปลี่ยน ปัญหา การเขียน JavaScript เครื่องมือ AJAX Web 2.0 AJAX Framework Jquery

Moderator: mindphp

sam_bkk
PHP Newbie
PHP Newbie
Posts: 4
Joined: 04/05/2010 3:14 pm

ขอความช่วยเหลือครับ เรื่อง set counter timer

Post by sam_bkk »

พยายามลองทำ countdown เวลาลงมาจาก 24:00:00 คับ
ติดที่ว่า ตรง minute เวลาลงไปที่ น้อยกว่า 10 เเล่ว ไม่้มี 0 นำหน้่าอะคับพี่ ทำไงดี
ตรง second ไม่ติดไร เเต่ตรง min and hour ทำไม่ได้ซักที

เเล้วอีกส่วน ผม ลองเพิ่ม button เพื่อ add hour+,hour- and min+ /min-
ต้องทำยังไง ถ้ากด add เเล้วไม่เกิน 24 ที่ค่า hour คับ เเละ ไม่ลงไปที่ -1,-2....
เเล้วค่า min ไม่้เลย 59 เเละไม่ติดลบ

้เเล่ว ทำ pause and resume วิธีไหนดีคับ

ขอความช่วยเหลือคับ ....
ขอบคุณคับ

น้องมืืิอใหม่

<html>


<head>
<link rel="stylesheet" type="text/css" href="stylejs.css" />
<TITLE> Assignment:Javascript </TITLE>

<script>

var hours=23;
var mins=59;
var seconds=59;



function updateTime(){
document.getElementById("hours").innerHTML=hours;
document.getElementById("mins").innerHTML=mins;
document.getElementById("seconds").innerHTML=seconds;
calculateTimer();
setTimeout(updateTime,1000);
checkTime()

}



function calculateTimer(){


if(hours==0 && mins==0 && seconds==0){
alert("finish timer");
}
else {

if(seconds>0){
seconds=seconds-1;
}
else if(seconds == 0){
seconds=59;
}

}


if(mins==0 && seconds == 0 && hours>0){
mins=59;
seconds=59;
}
else if(mins>0 && seconds == 0){
mins=mins-1;
seconds = 59;
}


if(hours>0 && seconds == 0 && mins == 0){
hours=hours-1;
}
}
// This function use for adding hours and mins//
function addhour(e){
switch(e){
case "h+":hours=hours+1;break;
case "m+":mins=mins+1;break;
case "h-":hours=hours-1;break;
case "m-":mins=mins-1;break;

}
forml.hours.value=hours;
forml.mins.value=mins;
}

// put "0" in front of number when they less than 10//
function checkTime()
{
if (seconds<10)
{
seconds="0" + seconds;
}
return seconds;
}

</script>

</head>

<body onLoad="javascript:updateTime()">

<span id="hours"> </span>:
<span id="mins"> </span>:
<span id="seconds"> </span>

<form name="forml">
<input type="button" value="Hour+" onClick="addhour('h+')">
<input type="button" value="Hour-" onClick="addhour('h-')">
<input type="button" value="Minute+" onClick="addhour('m+')">
<input type="button" value="Minute-" onClick="addhour('m-')">
<input type="button" value="Pause / Resume" onclick="stopCount()" />
</form>


</body>
</html>

User avatar
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
Posts: 25120
Joined: 22/09/2008 6:18 pm
Contact:

Re: ขอความช่วยเหลือครับ เรื่อง set counter timer

Post by mindphp »

แนะนำให้ แปลงหน่วยให้เป็น วินาทีให้หมดครับ
จะเขียนง่ายกว่า แล้วตอนแสดง หรือแปลงค่า ค่อยแปลงกับเป็น นาที หรือ ชม. ตามที่ต้องการ
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042

Post Reply
  • Similar Topics
    Replies
    Views
    Last post

Return to “JavaScript & Jquery Ajax”

Who is online

Users browsing this forum: Bing [Bot] and 4 guests