防止lcd屏幕“老化”问题的Javascript

Question

我正在构建一个非公开的web应用程序，将被用作信息监视器。因此，它将在一台液晶电视显示器上全天候运行。

因为这可能会在LCD上产生“老化颜色”错误，所以我正在寻找一个可以防止/减少这个问题的Javascript。我想使用类似于他们在机场显示器上使用的东西(一条从左到右，从上到下周期性移动的线条，并切换颜色)。

你知道有没有Javascript做这件事？谢谢!

Answer 1

如果您仍然感兴趣：(使用jQuery)

var $burnGuard = $('<div>').attr('id','burnGuard').css({
    'background-color':'#FF00FF',
    'width':'1px',
    'height':$(document).height()+'px',
    'position':'absolute',
    'top':'0px',
    'left':'0px',
    'display':'none'
}).appendTo('body');

var colors = ['#FF0000','#00FF00','#0000FF'], color = 0, delay = 5000, scrollDelay = 1000;
function burnGuardAnimate()
{
    color = ++color % 3;
    var rColor = colors[color];
    $burnGuard.css({
        'left':'0px',
        'background-color':rColor,
    }).show().animate({
        'left':$(window).width()+'px'
    },scrollDelay,function(){
        $(this).hide();
    });
    setTimeout(burnGuardAnimate,delay);
}
setTimeout(burnGuardAnimate,delay);

此处提供的工作示例：http://www.jsfiddle.net/bradchristie/4w2K3/3/ (或full screen version)

Answer 2

我使用了Brad的脚本，但不幸的是，我的页面有一个扩展到父容器外部的大型HTMl表。这使得像素条只在屏幕上移动了一部分。我没有改变我的表格，而是添加了一个边界框脚本来查找html表格的实际宽度，然后在Brad的脚本中使用它来设置宽度。

var div = document.getElementById ("HtmlTable-ID");

        if (div.getBoundingClientRect) {       
            var rect = div.getBoundingClientRect ();

            w = rect.right - rect.left;

           // alert ("  Width: " + w );
        }

var $burnGuard = $('<div>').attr('id','burnGuard').css({
    'background-color':'#FF00FF',
    'width':'1px',
    'height':$(document).height()+'px',
    'position':'absolute',
    'top':'0px',
    'left':'0px',
    'display':'none'
}).appendTo('body');

var colors = ['#FF0000','#00FF00','#0000FF'], color = 0, delay = 5000, scrollDelay = 1000;
function burnGuardAnimate()
{
    color = ++color % 3;
    var rColor = colors[color];
    $burnGuard.css({
        'left':'0px',
        'background-color':rColor,
    }).show().animate({
        'left': w +'px'
    },scrollDelay,function(){
        $(this).hide();
    });
    setTimeout(burnGuardAnimate,delay);
}
setTimeout(burnGuardAnimate,delay);