![](/img/trans.png)
[英]How can I show automatically make an element appear/disappear based on current time in AngularJS?
[英]How to make screensaver to appear and disappear based on time?
我有一個屏幕保護程序腳本,它會在一段時間后(例如 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);
}
}
嘗試像這樣在 start 函數中調用 stop 函數
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);
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.