How to make screensaver to appear and disappear based on time?

Question

I have a screensaver script and it shows a screensaver after some time (e.g. 10 sec). How to make to stop screensaver after some time when it's started (e.g. after 5 sec) and then repeat again the same every (e.g. 10sec) but to calculate time from when it stop.

var screensaver_active = false;

function show_screensaver() {
  $('#screensaver').fadeIn();
  screensaver_active = true;
  screensaver_animation();
}

function stop_screensaver() {
  $('#screensaver').fadeOut();
  screensaver_active = false;
}

function getRandomColor() {
  var letters = '0123456789ABCDEF'.split('');
  var color = '#';
  for (var i = 0; i < 6; i++) {
    color += letters[Math.round(Math.random() * 15)];
  }
  return color;
}


setInterval(function() {
  show_screensaver();
  stop_screensaver();
}, 10000);

function screensaver_animation() {
  if (screensaver_active) {
    $('#screensaver').animate({
      backgroundColor: getRandomColor()
    }, 400, screensaver_animation);
  }
}

Habib · Accepted Answer · 2019-02-21T12:26:23.103

1

Try calling stop function within start function like this

function show_screensaver() {
$('#screensaver').fadeIn();
screensaver_active = true;
screensaver_animation();
setTimeout(function(){stop_screensaver();},5000);
}
function stop_screensaver() {
  $('#screensaver').fadeOut();
  screensaver_active = false;
setTimeout(function(){show_screensaver();},10000);
}

edited Feb 21 '19 at 12:26

answered Feb 21 '19 at 12:07

Habib

318
1
7
18

It's not make any difference, on first try it show after 10 seconds and stop after 5. But then it calculate time from when it starts not from when in stop – Valentin Gjorgoski Feb 21 '19 at 12:21
1

ok then call both function within each other, I have updated the answer... – Habib Feb 21 '19 at 12:25
1

and instead of setting an interval call only show_screensave() 10s after page load... – Habib Feb 21 '19 at 12:27
1

Tanks. it's great. – Valentin Gjorgoski Feb 21 '19 at 12:50

How to make screensaver to appear and disappear based on time?

1 Answers1