單擊 div 時，應出現一個圖像，3 秒后再次消失。該函數的第一行讓它出現，但如果我添加超時，則單擊圖像時不會發生任何事情。我該如何解決？（另外，如果有人可以包括我如何讓心臟出現在#stickycat div 的中心，請這樣做！）function heart() { document.getElementById("heart").style.display = "block" setTimeout(fn(){ document.getElementById("heart").style.display = "none"}, 3000)}#stickycat { position: fixed; bottom:10px; right: 10px; width:100px; height:100px; border-radius:50%; border: solid 4px rgba(54, 215, 183, 1); background-color:white; text-align:center; box-shadow: 1px 1px 10px rgba(54, 215, 183, 1), -1px 1px 10px rgba(54, 215, 183, 1), -1px -1px 10px rgba(54, 215, 183, 1), 1px -1px 10px rgba(54, 215, 183, 1);}#stickycat img { max-width:100%; max-height:100%; z-index:2; border-radius:50%;}#heart { animation: pulse 2s linear infinite; position:absolute; width:50px; height:50px; display:none;}@keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.3); } 100% { transform: scale(1); }}<div id="stickycat" onclick="heart()"><img src="https://i.pinimg.com/originals/9d/b1/3f/9db13f4f06bfa1600e970fd32f1851db.gif"><img id="heart" src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f1/Heart_coraz%C3%B3n.svg/1200px-Heart_coraz%C3%B3n.svg.png"></div>
顯示 Div、設置超時、隱藏 Div
DIEA
2023-06-09 14:41:39
