PHP Ionic Angular HTML5 AJAX Javascript CSS MySQL jQuery Forum


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

30 October 2008 By Ninenik Narkdee
delay javascript

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ delay javascript



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

<!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:: javascript delay






อย่าลืมกด Like กด Share เป็นกำลังใจ ในการสร้างบทความใหม่ๆ น่ะครับ


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