Question

用javascript实现点击一个按钮让图片缓慢移动，再另外一个按钮停止图片移动，能够多次操作.

要用到Setintaval()函数

Answer 1

<div id="box" style="width: 100px;height: 100px; background: blue;position:absolute;left:0;top:200px;"></div>
<button type="button" id="start">开始</button>
<button type="button" id="stop">停止</button>
<button type="button" id="init">重置</button>
<script>
window.onload = function () {
  var box = document.getElementById('box');
  var start = document.getElementById('start');
  var stop = document.getElementById('stop');
  var init = document.getElementById('init');
  var timer;

  function animFn () {
    box.style.left = parseInt(box.style.left) + 5 + 'px';
  }
 
  function stopFn () {
    clearInterval(timer);
  }

  start.onclick = function () {
    timer = setInterval(animFn, 50);
  };
  
  stop.onclick = stopFn;

  init.onclick = function () {
    stopFn();
    box.style.left = '0px';
  }
};
</script>

Answer 2

点按钮 ， 可以更换不同图片， 不同文字然后再加上条件判断，当到达最后一张 。

1：avascript是一种由Netscape的LiveScript发展而来的脚本语言，主要目的是为了解决服务器终端语言，比如Perl，遗留的速度问题。

2：当时服务端需要对数据进行验证，由于网络速度相当缓慢，只有28.8kbps，验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript，提供了数据验证的基本功能。

Answer 3

是SetInterval();给你说下思路吧，最好自己能写出来。
思路：
//点击按钮1
//开启定时器 setInterval()，每X秒，left++（也可以是margin-left）;
//点击按钮2
//清除定时器 clearInterval();