javascript - 如何提醒每一次发生？

Question

每次 z-index 等于 2 时，我都需要向用户发送警报。不幸的是，它只发生在 onload 或准备就绪......无论如何......

继承人的html

<div id='slides'>
   <img class='sliderImg' src='img.jpg'>
   <img class='sliderImg' src='img.jpg'>
   <img class='sliderImg' src='img.jpg'>
</div>

和 Javascript

document.ready=function(){
   var theImage=$('.sliderImg')[0];
   if(theImage.style.zIndex==2){
      alert(theImage.style.zIndex);
   }
}

Answer 1

您可以在 t 时间后使用setInterval函数来检查 z-index，如下所示：

window.setInterval(function(){
   var theImage=$('.sliderImg')[0];
   if(theImage.style.zIndex==2){
      alert(theImage.style.zIndex);
   }
},10000);

它将每 10 秒调用一次。

Answer 2

jQuery 风格：

document.ready = function(){
   checkZIndexOfImage(zIndex);
   window.setInterval(checkZIndexOfImage, 10000);
}

function checkZIndexOfImage(zIndex) {
   var theImage=$('.sliderImg').first(); //or $('.sliderImg').eq(0)
   var tempzIndex = theImage.style('z-index');
   tempzIndex = parseIng(zIndex);
   if (isNaN(tempzIndex)) { //Let's check z-index is number
     tempzIndex = 0;
   }
   if(tempIndex === zIndex){
      alert(tempzIndex );
   }
}

Answer 3

你有两个选择：

1) 使用 setInterval 或 setTimeout 运行计时器并定期调用您的函数

2)监听 DOM 变化，然后运行你的函数。