使用setInterval导致事件的多重绑定问题

使用定时器常常会出现一些时间紊乱的问题，之前我就遇到过使用setInterval产生动画，当一中断事件不断的被触发，这个就很可能会导致时间紊乱、动画紊乱的问题，想必大家在也都经历过这样的问题，解决这个问题的方法是，构造在某时刻只存在一条时间线的机制，延迟事件触发，这个将在以后的文章中讨论，今天发现了一个问题，使用setInterval会导致同一绑定的多重触发，代码如下

<script language='javascript' src='jquery.js'></script>
<script language='javascript'>
$(document).ready(function(){
    function tt(){
        //...一些动画代码
        $(window).keydown(function(event){
          if(event.keyCode == 37) alert("yes");
        });
    }
    setInterval(tt,1000);
});
</script>

如果等1秒，按Left键，会出现1个alert,停留5秒，再按一次Left键，会出现5个alert，也就是，每一秒注册一个监听器似的，解决方法很简单，将keydown绑定事件不参与setInterval就行了，直接和setInterval平级，即：

$(document).ready(function(){
    function tt(){
        //...一些动画代码

    }
    $(window).keydown(function(event){
       if(event.keyCode == 37) alert("yes");
    });
    setInterval(tt,1000);
});