Cách tạo chữ nhấp nháy (blink) bằng JavaScript?

Phương thức String.prototype.blink() bọc chuỗi trong thẻ <blink>. Deprecated — thẻ <blink> không chuẩn, không được hỗ trợ bởi hầu hết trình duyệt hiện đại (Chrome, Firefox, Edge, Safari).

Ví dụ (chỉ tham khảo lịch sử)

<!DOCTYPE html>
<html>
<body>
    <script>
        var str = "Cảnh báo!";
        document.write(str.blink()); // "Cảnh báo!"
        document.write("<br><br> Lưu ý: <blink> deprecated, không hoạt động trên trình duyệt hiện đại.");
    </script>
</body>
</html>

Cách hiện đại (CSS Animation):

<style>
.blink {
    animation: blink 1s infinite;
}
@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}
</style>

<span class="blink">Nhấp nháy</span>

// Hoặc JS toggle
setInterval(() => {
    el.style.visibility = el.style.visibility === 'hidden' ? 'visible' : 'hidden';
}, 500);

⚠ Cảnh báo UX: Nhấp nháy gây khó chịu, giảm accessibility, có thể gây động kinh quang cảm. Không khuyến khích sử dụng. Dùng màu sắc, animation nhẹ, hoặc notification thay thế.