js 实现div 闪烁并控制频次

时间:2021-05-22 19:45:49


js 实现 div 闪烁 并控制其闪烁次数


var oBox = document.getElementById("id"); //要闪烁的div id
var timer = null;   //定义时间器
var i = 0; 
clearInterval(timer); //先清空时间器
oBox.onmouseover = function(){ //当鼠标移入div时 清空时间器
	clearInterval(timer);
};
timer = setInterval(function () {
  oBox.style.display = i++ % 2 ? "none" : "block";  // 有规律的控制div的展示与隐藏
  i > 8 && (clearInterval(timer))  //控制闪烁次数
}, 500 );