我試圖在頁(yè)面加載后移動(dòng)頁(yè)面中的元素。我試圖讓元素加載，然后在三秒鐘后移動(dòng)。相反，元素只是在頁(yè)面加載時(shí)立即移動(dòng)。到目前為止，這是我的代碼：<!DOCTYPE html><html><style> #container { width: 400px; height: 400px; position: relative; } #animate { width: 50px; height: 50px; position: absolute; background-color: red; }</style><body id="body"> <div id="container"> <div id="animate"></div> </div> <script> var elem = document.getElementById("animate"); function myMove(element) { var posx = 0; var posy = 25; var opacity = 0; var id = setInterval(frame, 40); function frame() { if (posx == 10) { clearInterval(id); } else { posx++; opacity = opacity + .1 element.style.top = posy + "%"; element.style.left = posx + "%"; element.style.opacity = opacity; } } } document.getElementById("body").addEventListener("load", setTimeout(myMove(elem), 3000)) </script></body></html>
讓 setTimeout() 與加載頁(yè)面一起工作
楊魅力
2022-11-27 17:16:42
