setTimeout（）或delay（）在js函数中不起作用

Question

I want to add delay or setTimeout after the startSound() but could not able to add. If I add, it not working. I want a delay of 5-10sec after the sound is complete. And also want to add an html code like "YOU WIN $2000" after startSound() .

JS CODE:

self.rightAnswer = function(elm) {

    $("#" + elm).fadeOut(1500, function() {
        if (self.level() == 5 || self.level() == 10) {

        startSound('wrongsound2', false);

        $("#" + elm).css('background', 'url(boxright.png) no-repeat 0 0').fadeIn(800, function() {
                self.money($(".active").data('amt'));
                if(self.level() + 1 > 15) {
                    $("#game").fadeOut('slow', function() {
                        $("#game-over").html('You Win!');
                        $("#game-over").fadeIn('slow');
                    });
                } else {
                    self.level(self.level() + 1);
                    $("#" + elm).css('background','url(box.png) no-repeat 0 0');
                    $("#" + elm).hover(function(){
                        $(this).css("background", "url(boxhover.png) no-repeat 0 0");
                    }, function(){
                        $(this).css('background','url(box.png) no-repeat 0 0');
                        });
                    $("#answer-one").show();
                    $("#answer-two").show();
                    $("#answer-three").show();
                    $("#answer-four").show();
                    self.transitioning = false;
                }
            });
            }

Answer 1

Well, you did not write how you tried to use that function. The stardard is something like that:

self.rightAnswer = function(elm) {

    $("#" + elm).fadeOut(1500, function() {
        if (self.level() == 5 || self.level() == 10) {

            startSound('wrongsound2', false);
            setTimeout(function(){
                // whatever commands you want to get executed after 5 seconds go here...
            }, 5000);
            [...]

So basically you hand over some function to the setTimeout() call (an anonymous function here) and the desired time to delay in milli seconds. That's all.

Note: javascript (mostly) follows an asynchronous approach. The script execution is not delayed for that amount of time. So any commands after the call to the setTimeout() function are executed immediately. Only those commands handed over in said function are delayed because that function is called then. Think of it like pushing commands into a queue which will get triggered after the specified amount of time. setTimeout() is not a pause/sleep function. It only registers jobs into the delay queue and returns immediately.