Question

我有一个屏幕保护程序脚本，该脚本会在一段时间（例如10秒）后显示一个屏幕保护程序。如何在启动屏幕保护程序一段时间后（例如5秒后）停止屏幕保护程序，然后每隔一段时间（例如10秒）再次重复屏幕保护程序，但要计算从屏幕保护程序停止的时间。

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

Answer 1

尝试在这样的启动函数中调用停止函数

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

如何使屏幕保护程序根据时间显示和消失？

1 个答案: