區高亮鼠標移開

Question

我有以下功能：

<script type="text/javascript"> 
$("img[usemap]").mapify(); 

$(window).resize(function(){ 

    setTimeout(function(){ 
    $("#map area").eq(1).trigger("mouseenter.mapify").trigger("focus.mapify").trigger("touchend.mapify"); 
    $(".mapify-svg polygon").eq(1).css("stroke","#09f"); 
    },5000); 

}).resize(); 
</script> 

此功能突出使用行程5秒後的特定區域（使用mapify）。

這是完全功能，但我似乎無法找到一種方法來適應功能，包括mouseout功能。

基本上，我需要5秒後該區域突出顯示，它保持突出顯示2秒，然後再次熄滅，重複自身。

我對JS和圖像映射相當陌生，但我可以提供任何可能有所幫助的附加信息。

我正在從事的這個項目位於https://sporedev.ro/pleiade。

Answer 1

使用以下

function blinkIn() { 
    setTimeout(function() { 
    $("#map area").eq(1).trigger("mouseenter.mapify").trigger("focus.mapify").trigger("touchend.mapify"); 
    $(".mapify-svg polygon").eq(1).css("stroke", "#09f"); 
    blinkOut(); 
    }, 5000); 
} 

function blinkOut() { 
    setTimeout(function() { 
    $("#map area").eq(1).trigger('mouseout.mapify'); 
    blinkIn(); 
    }, 2000); 
} 

blinkIn(); 

但不要把在.resize處理程序，將觸發多次，同時調整和搞砸了。