Setting a time out with an if else statement in javascript

Question

I have a function that is run when you mouseover and mouseout of a div. When you mouseout I need the function to wait a second before running. Is there a way to set a timeout on an if else statement to make this work?

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

You're doing it right now. What's the issue?

user1106925
– user1106925

2015-05-12 17:22:02 +00:00
Commented May 12, 2015 at 17:22 — user1106925
– user1106925, Commented May 12, 2015 at 17:22
It looks like you are using angular. try $timeout

KJ Price
– KJ Price

2015-05-12 17:22:48 +00:00
Commented May 12, 2015 at 17:22 — KJ Price
– KJ Price, Commented May 12, 2015 at 17:22
Forgot to load $timeout as a dependency.... My bad!!!

Parzi
– Parzi

2015-05-12 17:39:02 +00:00
Commented May 12, 2015 at 17:39 — Parzi
– Parzi, Commented May 12, 2015 at 17:39

mcs_dodo · Accepted Answer · 2015-05-12 17:34:20Z

2

As suggested, try $timeout wrapper of angular

Solution with $timeout used:

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

https://jsfiddle.net/Lx41yy47/

answered May 12, 2015 at 17:34

mcs_dodo

7381 gold badge10 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Setting a time out with an if else statement in javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related