Question

我想做以下事情，我想知道最有效的方法是什么：

当按下一个特定键时，我想以一个我可以指定从一个jpeg指定到另一个jpeg的速率循环一组jpeg，然后无限期地在屏幕上保持最终图像。

Answer 1

首先，欢迎来到Stack Overflow。通常习惯上提供一些您尝试过的例子。下次，先尝试一下。当我们看到一些代码时，我们会更有帮助！

这应该让你开始。按住console.log键时，它只会enter/return。一旦它被释放，它再增加一个console.log并重新启动该事件，以便下次enter/return键被按下。

(function(){
  var intervalId;

  // your animations should go here
  var someFunc = function(){
    console.log("executing");
  }

  var keyDownFn = function(e){
    if(e.keyCode == 13){ // 13 is enter/return
      $(window).unbind('keydown.animation');
      $(window).bind('keyup.animation', keyUpFn);
      intervalId = setInterval(someFunc, 500);
    }
  }

  var keyUpFn = function(e){
    if(e.keyCode == 13){ // 13 is enter/return
      console.log("stopping");
      $(window).unbind('keyup.animation');
      $(window).bind('keydown.animation', keyDownFn);
      clearInterval(intervalId);
    } 
  }

  // this line fires the whole thing off
  $(window).bind('keydown.animation', keyDownFn);

})();

创建一个按下按键时播放的简单动画

1 个答案: