calculate elapsed time javascript

Question

I want to change the background color of a page 5 seconds after the initial load. This is my code so far but it's not working:

var startDate = new Date();
var startTime = startDate.getTime();    


var nowDate = new Date();
var nowTime = nowDate.getTime();
var timeDifference = nowTime - startTime;

function difference() {
    if (timeDifference = 5000) {
        $("#body").css("background-color", "red");
    }
}

I would also like to write out the time difference, but it only works with document.write().

remove Java and difference tags, they're not relevant to this question — alamoot, Apr 13 '16 at 22:51
I don't really see how you can expect this code to work. You don't even call `difference()` anywhere. In any case, @rbaghbanli has the correct solution. — Chris, Apr 13 '16 at 22:57
@evolutionxbox Probably because someone has already made the same edits you want to and they are pending moderation. — Chris, Apr 13 '16 at 22:59
Possible duplicate of [Javascript: Call a function after specific time period](http://stackoverflow.com/questions/11901074/javascript-call-a-function-after-specific-time-period) — Chris, Apr 13 '16 at 22:59
I'm voting to close this question as off-topic because it's been modified and is now not a question — Ian Mercer, Apr 14 '16 at 02:32
@eyemohini If you want to delete the question, there's a button at the bottom to do so. No need to sabotage your post and create more work for us. — Gary, Apr 14 '16 at 02:34

score 2 · Accepted Answer · answered Apr 13 '16 at 22:53

2

Use the setTimeout function:

setTimeout(yourfunction, 5000);

Info: http://www.w3schools.com/js/js_timing.asp

answered Apr 13 '16 at 22:53

Riad Baghbanli

3,105
1
12
20

calculate elapsed time javascript

1 Answers1