Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

วิธีสร้างข้อความกระพริบ (Blink) ด้วย JavaScript

ใช้เมธอด blink() ของ String ทำให้ข้อความกระพริบ เหมือนแท็ก <blink>

ตัวอย่าง

<html>
  <head>
    <title>JavaScript String blink() Method</title>
  </head>
  <body>
    <script>
      var str = new String("Demo Text");
      document.write(str.blink());
      document.write("<br><br> Note: HTML <blink> tag deprecated and is not expected to work in every browser.");
    </script>
  </body>
</html>

⚠️ ข้อควรระวังสำคัญ

  • <blink> tag deprecated และ ไม่ทำงานในเบราว์เซอร์ส่วนใหญ่แล้ว (Chrome, Firefox, Edge, Safari ไม่รองรับ)
  • String.blink() คืนค่า "<blink>text</blink>" แต่เบราว์เซอร์จะไม่แสดงการกระพริบ
  • เป็น Non-standard ไม่อยู่ใน ECMAScript spec

ทางเลือกทันสมัย (Modern Alternatives)

/* CSS Animation (แนะนำ) */
@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}
.blink {
  animation: blink 1s infinite;
}

/* JavaScript (หากจำเป็น) */
function blinkElement(element, interval = 500) {
  setInterval(() => {
    element.style.visibility = element.style.visibility === 'hidden' ? 'visible' : 'hidden';
  }, interval);
}

แนะนำ: ใช้ CSS Animation แทน ใช้งานได้จริง ควบคุมได้ รองรับทุกเบราว์เซอร์