在javascript中使用if else語句設置超時值

我有一個函數，當您對某個div的mouseover和mouseout進行運行時。當你使用鼠標時，我需要在運行之前等待一秒鐘。有沒有辦法在if語句上設置超時以使其工作？在javascript中使用if else語句設置超時值

HTML：

<div ng-mouseover="menu()" ng-mouseout="menu()"><img src="images/headermenubutton.png" style="height: 73px; width: auto; position: absolute; left: 230px; z-index: 2000;"></div> 
<div class="menu" ng-mouseover="menu()" ng-mouseout="menu()" ng-show="dropdown_menu" ng-cloak> 
    <a href="about_us.html"><h2 class="lighter" style="padding-top: 10px;">ABOUT US</h2></a> 
    <a href="contact_us.html"><h2 class="lighter">CONTACT US</h2></a> 
    <a href="/blog"><h2 class="lighter">BLOG</h2></a> 
    <a href="contact_us.html#faq"><h2 class="lighter">FAQ'S</h2></a> 
</div>

JS：

$scope.menu = function() { 
    if($scope.dropdown_menu) { 
     setTimeout(function(){ $scope.dropdown_menu = false; }, 1000); 
    } else { 
     $scope.dropdown_menu = true; 
    } 
};

來源

2015-05-12 Landon Call

你現在正在做。有什麼問題？ –

它看起來像你正在使用角度。嘗試[$超時]（https://docs.angularjs.org/api/ng/service/$timeout） –

忘記加載$超時作爲依賴....我的不好！ –

如所建議的，嘗試$timeout包裝角

解的與$timeout使用：

$scope.menu = function() { 
    if ($scope.dropdown_menu) { 
     $timeout(function() { 
      $scope.dropdown_menu = false; 
     }, 1000); 
    } else { 
     $scope.dropdown_menu = true; 
    } 
};

https://jsfiddle.net/Lx41yy47/

來源

2015-05-12 17:34:20

在javascript中使用if else語句設置超時值

回答

相關問題