我在页面上有一个单词计数器，它计算每个输入元素的字符数。
当输入元素被聚焦时，fadeIn函数被触发以淡入计数器元素，当输入元素失去焦点，即模糊时，fadeOut函数被触发在计数器上。
然而，当你用鼠标或键盘多次聚焦和模糊元素时，淡出效果会越来越少。淡入淡出的计数器最终只在不透明度之间 Flink ：0和1。需要一次页面刷新才能再次实现淡入淡出效果，直到它再次搞砸为止。
如果用Tab键切换所有元素并重新获得浏览器地址栏上的初始焦点，也会触发此问题。
为什么会出现这种情况？会不会和fade函数以及setInterval有关？
下面是我在http://www.scriptiny.com中使用的淡入淡出函数示例：

var fadeEffect=function(){
return{
    init:function(id, flag, target){
        this.elem = document.getElementById(id);
        clearInterval(this.elem.si);
        this.target = target ? target : flag ? 100 : 0;
        this.flag = flag || -1;
        this.alpha = this.elem.style.opacity ? parseFloat(this.elem.style.opacity) * 100 : 0;
        this.si = setInterval(function(){fadeEffect.tween()}, 20);
    },
    tween:function(){
        if(this.alpha == this.target){
            clearInterval(this.elem.si);
        }else{
            var value = Math.round(this.alpha + ((this.target - this.alpha) * .05)) + (1 * this.flag);
            this.elem.style.opacity = value / 100;
            this.elem.style.filter = 'alpha(opacity=' + value + ')';
            this.alpha = value
        }
    }
}
}();