PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

กำหนดเวลารอดำเนินการ ด้วย javascript อย่างง่าย

30 October 2008 By


สามารถประยุกต์ใช้ในการลิ้งค์อัตโนมัติ โดยมีเวลานับถอยหลังแสดงได้
 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    

<span id="show_text"></span>      



<script type="text/javascript">  
var wait_time=8;  // กำหนดเวลาให้รอ เป็นวินาที  
var vela; // กำหนด ตัวแปรเก็บ inteval
window.onload=function(){  
    vela=setInterval("decrease_num()",1000);  
}  
function decrease_num(){  
    console.log(wait_time);
    if(wait_time>0){  
    var show_place=document.getElementById('show_text');  
    show_place.innerHTML="กรุณารอ... "+wait_time+"  วินาที";  
    wait_time--;  
    }else{  
        if(wait_time==0){  
            clearInterval(vela);            
            alert("Go!!");   // คำสั่งหลังจากนับถอยหลังถึง 0 แล้ว  
        }     
    }  
}  
</script>  
   
        
</body>
</html>


 

ดูตัวอย่าง คลิกดูตัวอย่าง  
 
 
แก้ไขจากโค้ดเก่าที่ไม่สมบูรณ์ 15/11/2014

Tags:: delay javascript





URL สำหรับอ้างอิง