var offsetValue = 0; var st = false; var tempV = 0; var maxOffset = 0; function moveDirection(direction) { tempV = 0; clearTimeout(st); if(direction == "left") { st = setTimeout("moveLeft()",20); } else if(direction == "right") { st = setTimeout("moveRight()",20); }else if(direction == "close") { st = setTimeout("moveClose()",20); document.getElementById("showMenu").style.display=""; }else if(direction == "show") { st = setTimeout("moveShow()",20); document.getElementById("showMenu").style.display="none"; } } // move the photo menu to left function moveLeft() { var view = document.getElementById("photo_folder"); if ( tempV >= 100) { clearTimeout(st); }else{ if(offsetValue > maxOffset ) offsetValue -= 10; else clearTimeout(st); tempV += 10; view.style.left = offsetValue + "px"; } st = setTimeout("moveLeft()",20); } // move the photo menu to right function moveRight() { var view = document.getElementById("photo_folder"); if ( tempV >= 100) { clearTimeout(st); }else{ if(offsetValue < 100 ) // only move the first one to right offsetValue += 10; else clearTimeout(st); tempV += 10; view.style.left = offsetValue + "px"; } st = setTimeout("moveRight()",20); } 最近写的一个关于定时器的例子。