setInterval调用的Javascript方法不会改变img元素的src

Question

我正在尝试使用setInterval和element.setAttribute('src', 'suchandsuch.BMP')

每200毫秒更新一次图像

jsFiddle链接： Fiddle-dee-dee

图像元素的src属性的初始设置工作正常但后续尝试从updatePic调用的setInterval函数更新从未更新它。我放在那里的其他代码工作正常。例如，level对象的值递增，alert('wtf')调用也起作用，但不是属性的设置。我把头发拉了出来。

function showMorphPic() {

  window.addEventListener('keydown', handleKeyStroke, false);
  var picPrefixes = ['A', 'B'];
  var picLevel = {value: 0};
  var prefix = picPrefixes[Math.floor(Math.random() * picPrefixes.length)];

  morphPic.setAttribute('src', 'img/morphPics/' + prefix + picLevel.value + '.BMP');

  var picMorphTimer = setInterval(updatePic, 200, picLevel);

}

function updatePic(level) {

  if (level.value < 100) {
    level.value = level.value + 2;
    morphPic.setAttribute("src", "img/morphPics/" + prefix + level.value + ".BMP");
  } else {
    clearInterval(picMorphTimer);
  }
}