TAG
CSS
JavaScript
Result
Run
License
<h3>잠시 후 <span id="counter">5</span>초 후에 포커스가 사라진다.</h3> <input type="text" id="name">
input:focus { border: 1px solid red; outline: none; }
window.addEventListener("DOMContentLoaded", () => { const $elCounter = document.getElementById("counter"); const $elName = document.getElementById("name"); $elName.focus(); let count = 5; let timer = window.setInterval(() => { count--; if(count === 0) { $elName.blur(); clearInterval(timer); $elCounter.parentElement.textContent = "Bye!"; } else { $elCounter.textContent = count; } }, 1000); });
Console
expand_less
License
License
by DevDic
Close