估计你应该是共用了同一个定时器,提问时最好贴出代码。
var clickDiv = function(dom) {
dom.onclick = function() {
var count = 0;
var task = setInterval(function() {
if (count < 3) {
console.log(dom.innerHTML);
// blink(); /* 闪烁方法 */
count = count + 1;
} else {
clearInterval(task);
}
}, 1000);
};
};
var divs = document.getElementsByTagName('div')
for (var i = 0; i < divs.length; i ++) {
var div = divs[i];
clickDiv(div);
}
可以这么写试试。
就但这个闪烁功能来看,如果不考虑 ie9 一下,纯 css 就能实现。
div {
width: 100px;
height: 100px;
background-color: pink;
animation: blink .8s 3;
-moz-animation: blink .8s 3;
-webkit-animation: blink .8s 3;
-o-animation: blink .8s 3;
}
@keyframes blink {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes blink {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
@-webkit-keyframes blink {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
@-o-keyframes blink {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}