|
 |
|
ถามเกี่ยวกับ การใช้ Time และอื่นๆ เข้ามาดูทีครับ |
|
 |
|
|
 |
 |
|
ajax ครับ ผมเคยทำคล้ายๆแบบอยู่เหมือนกัน
แล้วใช้ GD php สร้างรูปขึ้นมาครับ
ขอเวลาสักพักน่ะครับ เคลียร์ง่ายช่วงท้ายก่อน เสร็จแล้วจะทำตัวอย่างให้ดู
|
 |
 |
 |
 |
Date :
2009-11-19 01:34:36 |
By :
xbeginner01 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ตัวอย่างครับบางส่วนเท่านั้นครับ

Code (PHP)
<script>
var offset=new Date();
var startTime = 5*1000 ; // นับถอยหลัง 5 วินาที
var count=0;
var lvl=0;
function countdown(){
var current=new Date();
var diff =current-offset;
var min="00",sec="00";
if(diff >startTime){
count++;
if(count>10){
lvl++;
count=1;
document.getElementById('lvl').innerHTML =lvl;
}
offset =new Date();
current.setTime(startTime);
min=(current.getMinutes().toString().length==1)?"0"+current.getMinutes():current.getMinutes();
sec =(current.getSeconds().toString().length==1)?"0"+current.getSeconds():current.getSeconds();
document.getElementById('health').src="drawImg.php?num="+count;
}else{
current.setTime(startTime-diff);
min=(current.getMinutes().toString().length==1)?"0"+current.getMinutes():current.getMinutes();
sec =(current.getSeconds().toString().length==1)?"0"+current.getSeconds():current.getSeconds();
}
document.getElementById('countdown').innerHTML=min+"."+sec;
setTimeout('countdown()',900)
}
window.onload=countdown;
</script>
<div id="countdown"></div>
LVL:<span id="lvl">0</span><br/>
<img src="drawImg.php" id="health">
drawImg.php(PHP)
<?php
Header("Content-type:image/gif");
$img=ImageCreate(100,15);
$white=ImageColorAllocate($img,255,255,255);
$x =ImageColorAllocate($img,145,145,145);
ImageRectangle($img,0,1,99,14,$x);
$num =$_GET[num];
$f=ImageColorAllocate($img,44,246,125);
ImageFilledRectangle($img,0,2,10*$num-1,13,$f);
$font = "c:\\Windows\\fonts\\tahoma.ttf";
$black=ImageColorAllocate($img,0,0,0);
imageTTFText($img,8,0,70,11,$black,$font,($num*10)."%");
ImageGIF($img);
Imagedestroy($Img);
?>
ปล.มีเยอะกว่านี้ครับแต่ขอ สงวนเก็บไว้ก่อนครับ ไม่อยากเผยแพร่ แง่มๆ   
|
 |
 |
 |
 |
Date :
2009-11-19 02:39:16 |
By :
xbeginner01 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ขอบคุณครับ เด๋วขอลองทำดูก่อนน่ะครับ ติดตรงไหนจะมาถามใหม่ 
|
 |
 |
 |
 |
Date :
2009-11-19 20:14:08 |
By :
pollok |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ไม่ทราบว่า code ที่ให้มารันได้เลยหรือเปล่าครับ คือมึนกับ javascript 
|
 |
 |
 |
 |
Date :
2009-11-19 20:33:27 |
By :
pollok |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ได้ครับ ได้ทุกบราวเซอร์เลย ผมเช็คก่อนโพสแล้วครับ ไม่มีปัญหานิ
|
 |
 |
 |
 |
Date :
2009-11-19 20:43:30 |
By :
xbeginner01 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
จริงๆ แล้ว ใช้ js ควบคุม css ก็ได้แล้วครับ
เพราะผมคิดว่า ถ้าใช้ php สร้างรูป มันจะเกิดภาระให้ server
ลองค้นหาเกี่ยวกับ css graph
|
 |
 |
 |
 |
Date :
2009-11-20 00:13:47 |
By :
danya |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
 
จริงด้วยแห่ะ คิดไม่ถึง ใช้ css ก็ได้นิน่า พอมองเห็นภาพแหล่ะว่าควรเขียนยังไง
|
 |
 |
 |
 |
Date :
2009-11-20 00:43:40 |
By :
xbeginner01 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
พอจะมีตัวอย่างบ้างหรือเปล่าครับ หุหุ ไม่ถนัด css ด้วย
|
 |
 |
 |
 |
Date :
2009-11-20 12:10:47 |
By :
pollok |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
|
|
|

|
Load balance : Server 04
|