DK Coaching| graphic, design, website,CAI, ฝึกอบรม,สื่อการสอน
     
     
 

PHP: การทำนาฬิกาถอยหลัง

Post by  adminDK1   date 2011-10-14 10:26:31
 
   การทำนาฬิกาถอยหลัง เพื่อจับเวลา ต่างๆ ใช้ jQuery เข้ามาช่วย สามารถ ดาวน์โหลดไฟล์ได้ที่ http://www.littlewebthings.com/2010/02/jquery-countdown-script/
     
 

ตัวอย่างนี้ จับเวลา แค่ 1 นาที

Head

jquery.lwtCountdown-1.0.js
jquery.countdown.js
jquery.countdown.css
shCore.css
start_stop.css

 

 

Script:

function set_by_offset() {
            $('#countdown_dashboard').stopCountDown();
            $('#countdown_dashboard').setCountDown({
                targetOffset: {
                    'day':         0,
                    'month':     0,
                    'year':     0,
                    'hour':     0,
                    'min':         1,
                    'sec':         0
                }
            });
            $('#countdown_dashboard').startCountDown();
        }

วาง div ที่ต้องการจะแสดงการจับเวลา

 

  < div class="example_pane">       
            < div id="countdown_dashboard">
                < div class="dash hours_dash">
                    < span class="dash_title">ชั่วโมง< /span>
                    < div class="digit">0< /div>
                    < div class="digit">0< /div>
                < /div>
               
                < div class="dash minutes_dash">
                    < span class="dash_title">-นาที-< /span>
                    < div class="digit">0< /div>
                    < div class="digit">0< /div>
                < /div>

                < div class="dash seconds_dash">
                    < span class="dash_title">-วินาที-< /span>
                    < div class="digit">0< /div>
                    < div class="digit">0< /div>
                < /div>
               
            < /div>
    < /div>

 

Comment