关闭javascript函数

关闭javascript函数,javascript,Javascript,我正在建立一个网站,网站上有工具提示,提示在几秒钟的不活动后显示什么。问题是,在某些情况下,我不希望他们出现 该网站有“弹出窗口”(仅更改z索引的div标签)。当这些标签“在视图中”时,我不想要工具提示。我可以对代码做些什么来检查div是否处于某个级别,或者插入一个命令来不运行工具提示代码 我的工具提示脚本是 <!-- JavaScript function to show/hide prompts after innactivity--> <script type="text

我正在建立一个网站,网站上有工具提示,提示在几秒钟的不活动后显示什么。问题是,在某些情况下,我不希望他们出现

该网站有“弹出窗口”(仅更改z索引的div标签)。当这些标签“在视图中”时,我不想要工具提示。我可以对代码做些什么来检查div是否处于某个级别,或者插入一个命令来不运行工具提示代码

我的工具提示脚本是

<!-- JavaScript function to show/hide prompts after innactivity-->
<script type="text/javascript">
  $(document).ready(function(){ 
  var interval = 1;
setInterval(function(){
   if(interval == 9){
       $("div.container_prompts_timeout").show(); 
       interval = 1; 
   }
   interval = interval+1;
    console.log(interval);
},1000);

$(document).bind('mousemove keypress', function() {
    $("div.container_prompts_timeout").hide();
    interval = 1; 
});
 });
</script>

$(文档).ready(函数(){
var区间=1;
setInterval(函数(){
如果(间隔==9){
$(“div.container\u提示\u超时”).show();
间隔=1;
}
间隔=间隔+1;
控制台日志(间隔);
},1000);
$(document).bind('mousemove keypress',function(){
$(“div.container\u提示\u超时”).hide();
间隔=1;
});
});
我用来更改z索引的代码是:

<!--Code to change z-index of background divs-->
<script type="text/javascript">
function changeZIndex(i,id) {
  document.getElementById(id).style.zIndex=i;
}
</script>

函数更改索引(i,id){
document.getElementById(id).style.zIndex=i;
}

非常感谢

为什么不使用div的display属性来隐藏和显示它们呢。 你可以检查它的状态。 差不多

var my_div = getElementById("my_div");// or use your jQuery if you wish

function show() {
    my_div.style.display = "block";
}

function hide() {
    my_div.style.display = "none";
}

function is_shown() {
    if (my_div.style.display == "none") return 0;
    return 1; // use booleans if you wish, I prefer old school :)
}
你可以:

  • 在显示工具提示之前,检查弹出窗口是否“可见”,或
  • 当间隔可见时取消间隔,当间隔隐藏时重新启动间隔
就我个人而言,我不会使用z索引来显示或隐藏内容。我会将它们的实际显示样式属性设置为“无”以隐藏它们。这将允许您在显示工具提示之前检查此属性,因为检查元素的z索引可能有点麻烦

jquery ui有一个zindex()函数,它返回元素的zindex。您可以使用它来获取zindex,并有逻辑来决定是否显示工具提示。