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

เขียนเมื่อ 16 ปีก่อน โดย Ninenik Narkdee
javascript delay

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

ดูแล้ว 14,804 ครั้ง


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

<!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


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





Tags:: delay javascript







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





คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


    ( หรือ เข้าใช้งานผ่าน Social Login )







เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ