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

您有两种选择：

1）运行计时器并使用setInterval或setTimeout

定期调用您的函数

2）Listen for DOM changes，然后运行你的功能。

Answer 2

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

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

每10秒钟会调用一次。

Answer 3

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 );
   }
}

如何提醒每次发生？

3 个答案: