JS_javascript 스킬을 활용한 정적 요소 자동 이동 예시

요소는 고정되어 있어 화면에서 자동으로 움직입니다.

공부하다가 접한 비교적 간단한 질문이라 적어봤습니다.

코드 복사 코드는 다음과 같습니다.

var timenum; /이동 제어 양의 변수
var flag = 0;//좌우 이동을 제어하는 ​​변수
//오른쪽으로 이동하는 함수
function moveright(){
sp1.style. marginLeft=mar " px";
mar=mar 5;
}
//오른쪽으로 이동하는 함수
function moveleft(){
sp1.style.marginLeft=mar "px ";
mar=mar-5;
}

function go() {
var sp1 =document.getElementById("sp1");
var btn1 = document.getElementById ("시작");
if(!btn1.disabled){
btn1.disabled = true;
document.getElementById("pause").disabled=false; .innerHTML=parseInt (sp1.innerHTML) 1;
timenum = window.setTimeout(go,10);
if(flag==1){
window.setTimeout(moveleft,10); >}
if(flag==0){
window.setTimeout(moveright,10)
}
if(mar>(window.outerWidth)){
flag=1;
}
if(mar<0){
flag=0;
}
}
function stop(){
document.getElementById("start").disabled = false;
document.getElementById("pause").disabled=true;
window.clearTimeout(timenum)
}
🎜>< 본문>
pause

sp1">0