Execute a function on specific time frame javascript

Question

Hi I would like to execute this function between 8 and 10 o'clock. So it starts at 8 and it stops at 10 automatically. I have this code below, but it doesen seem to work, it wont execute if passes 8 o'clock.

   var timeOut1 = setTimeout(function () {
        var date = new Date();
        if ((date.getHours() >= 20 && date.getMinutes() >= 00) || (date.getHours() <= 22 && date.getMinutes() <= 00)) {
        $('#myModal').modal('show');        
        } 
    }, 1000);
   document.write(timeOut1);

I tried setInterval alsoCan someone help me with this?

Bhojendra Rauniyar · Accepted Answer · 2014-04-24T03:24:20.850

You need to use setInterval() method here:

var timeOut1 = setInterval(function () {

As setTimeout would function after 1000ms i.e. 1 second, so it is not going to check your time ever forth again, but using setInterval would run every 1 second and check for the time and the code is executed.

var timeOut1 = setInterval(function () {
        var date = new Date();
        if ((date.getHours() >= 20 && date.getMinutes() >= 00) || (date.getHours() <= 22 && date.getMinutes() <= 00)) {
        $('#myModal').modal('show');        
        } 
    }, 1000);
   document.write(timeOut1);

Comment response:

When needed you can clear the interval timer, for eg. you need not to use the setInterval function after closing the modal, so use the following code when you close the modal:

clearInterval(timeOut1);

Yes the time is ok, but it keeps appearing once it is closed. How do i make it possible to close the modal, without re-appearing? It should only appear when refreshing the site — mexiter, Apr 23 '14 at 13:22

score 1 · Answer 2 · edited May 23 '17 at 10:26

1

this will help you to call function at 10am

var now = new Date();
var millisTill10 = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 10, 0, 0, 0) - now;
if (millisTill10 < 0) {
     millisTill10 += 86400000; // it's after 10am, try 10am tomorrow.
}
setTimeout(function(){alert("It's 10am!")}, millisTill10);

ref: Call a javascript function at a specific time of day

edited May 23 '17 at 10:26

Community

1
1

answered Apr 23 '14 at 11:43

Vijay Singh Rana

1,060
14
32

score 0 · Answer 3 · answered Apr 23 '14 at 11:48

0

As written now your function will be executed 1000 ms after timeOut1 has been defined, and it will execute only once, if the if-condition evaluates to false, nothing will happen. If you want the function to repeatedly check the time you have to use setInterval instead. To have the interval stop repeating once the condition evaluates to true you also have to clear the interval.

var intervalHandle = setInterval(function () {
    var date = new Date();
    if ((date.getHours() >= 20 && date.getMinutes() >= 00) || (date.getHours() <= 22 && date.getMinutes() <= 00)) {
      $('#myModal').modal('show');
      clearInterval(intervalHandle);          
    } 
}, 1000);

answered Apr 23 '14 at 11:48

Ludvig Gislason

96
1
5

This seem to stop the time interval, but It doesn't re-appear when i refresh the page. How do i make it to appear after each refresh. – mexiter Apr 23 '14 at 13:34
A browser refresh should cause the code to be re-evaluated and the interval set once again. If the condition still evaluates to true (which in this case means it's at least 20.00 and less than 22.01) the modal should show again. Add `console.log("Checking the time");` on the line above `var date = ...` Then do a refresh and you should see the interval firing in your console. If it doesn't work my guess is either your conditional is evaluating to false or your jquery-line throws an exception. Take a look at your console. – Ludvig Gislason Apr 23 '14 at 15:55

score 0 · Answer 4 · answered Nov 02 '20 at 23:20

You should have && here instead of || to make it work. Whenever time is 8 AND less than 10 show modal. Hope im not late :)

 var timeOut1 = setInterval(function () {
            var date = new Date();
            if ((date.getHours() >= 20 && date.getMinutes() >= 00) && (date.getHours() <= 22 && date.getMinutes() <= 00)) {
            $('#myModal').modal('show');        
            } 
        }, 1000);    document.write(timeOut1);

Execute a function on specific time frame javascript

4 Answers4