javascriptで文字を移動させる方法

Question

if(sw){
ul_mona_0.style.opacity = 1;
ul_mona_1.style.opacity = 0;
}else{
ul_mona_0.style.opacity = 0;
ul_mona_1.style.opacity = 1;
}
sw = !sw;
}, 200);

このプログラムだけだと、右にずっと移動し続けるので、ある程度進んだら左に少しずつ帰る方法が教えてもらいたいです。

Comments

[退会済みユーザー]

何はともあれコードを ``` と ``` で囲ってください（``` はバッククォート 3 つ）。インデントされてよみ易くなるので。

[yambejp]

「ある程度」の定義をお願いします

[退会済みユーザー]

10pxずつ右に進み、100pxに達したら、左に10pxずつ移動する感じで作りたいです。

Answer 1

カウンタをつかってn回ごとにincrementalを反転してみては？

var sw = true;
var x = 0;
var incremental = 10;
var count=0;
setInterval(function () {
  count++;
  if(count%20==0){
    incremental=-incremental;
  }
  x += incremental;
  ul_mona_0.style.left = x + "px";
  ul_mona_1.style.left = x + "px";
  if(sw){
    ul_mona_0.style.opacity = 1;
    ul_mona_1.style.opacity = 0;
  }else{
    ul_mona_0.style.opacity = 0;
    ul_mona_1.style.opacity = 1;
  }
  sw = !sw;
}, 200);