Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/441.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使图像闪烁的最快方法-->;如此之快以至于你没有';我看不出来_Javascript_Image_Blink - Fatal编程技术网

Javascript 使图像闪烁的最快方法-->;如此之快以至于你没有';我看不出来

Javascript 使图像闪烁的最快方法-->;如此之快以至于你没有';我看不出来,javascript,image,blink,Javascript,Image,Blink,我正在寻找一种方法,使图像快速闪烁,我看不见它(然后避免一些截屏): 但我仍然看到眨眼,我想我不能低于10毫秒。 我最初认为,在24华氏度以下,我不会注意到,但事实似乎并非如此 我可以做些什么来加快速度? 有可能吗 最终目标是避免屏幕拍摄。监视器的标准刷新率为每秒-60次。这是一个硬件限制——即使有完美的软件计时,也没有办法比这更频繁地显示帧——而关注屏幕的人很容易看到出现时间为1/60秒的东西 您唯一的选择是让图像在每一帧中出现和消失(这比使用requestAnimationFrame的set

我正在寻找一种方法,使图像快速闪烁,我看不见它(然后避免一些截屏):

但我仍然看到眨眼,我想我不能低于10毫秒。 我最初认为,在24华氏度以下,我不会注意到,但事实似乎并非如此

我可以做些什么来加快速度? 有可能吗


最终目标是避免屏幕拍摄。

监视器的标准刷新率为每秒-60次。这是一个硬件限制——即使有完美的软件计时,也没有办法比这更频繁地显示帧——而关注屏幕的人很容易看到出现时间为1/60秒的东西

您唯一的选择是让图像在每一帧中出现和消失(这比使用
requestAnimationFrame
setInterval
更精确,但对那些密切关注的人来说仍然是可见的)

//确保浏览器不忙
设置超时(()=>{
window.requestAnimationFrame(()=>{
document.body.classList.toggle('blue');
window.requestAnimationFrame(()=>{
document.body.classList.toggle('blue');
});
});
}, 1000);
.blue{
背景颜色:蓝色;

}
监视器的标准刷新率为每秒-60次。这是一个硬件限制——即使有完美的软件计时,也没有办法比这更频繁地显示帧——而关注屏幕的人很容易看到出现时间为1/60秒的东西

您唯一的选择是让图像在每一帧中出现和消失(这比使用
requestAnimationFrame
setInterval
更精确,但对那些密切关注的人来说仍然是可见的)

//确保浏览器不忙
设置超时(()=>{
window.requestAnimationFrame(()=>{
document.body.classList.toggle('blue');
window.requestAnimationFrame(()=>{
document.body.classList.toggle('blue');
});
});
}, 1000);
.blue{
背景颜色:蓝色;

}
我能想到的最快的解决方案是使用CSS属性

#框{
宽度:100px;
高度:100px;
位置:相对位置;
背景:红色;
动画:1ms步数(2,无跳跃)0s无限跑眨眼;
}
@关键帧闪烁{
从{opacity:0;}
到{opacity:1;}
}

秘密图像
我能想到的最快的解决方案是使用CSS属性

#框{
宽度:100px;
高度:100px;
位置:相对位置;
背景:红色;
动画:1ms步数(2,无跳跃)0s无限跑眨眼;
}
@关键帧闪烁{
从{opacity:0;}
到{opacity:1;}
}

Secret Image
“让它眨眼,快到你看不到它眨眼的程度?”-那为什么首先要眨眼?我编辑我的消息,是为了避免屏幕截图。你无法避免屏幕截图。我可以禁用JavaScript来绕过“屏幕截图预防”为什么禁用JavaScript,只需转到devtools,检查缓存的图像,“另存为”。“使其闪烁,如此之快,以至于你看不到它闪烁?”-那么为什么首先闪烁?Sry我编辑我的消息,这是为了避免一些屏幕截图你无法避免屏幕截图。我可以禁用JavaScript来绕过“屏幕截图预防”为什么禁用JavaScript,只需转到devtools,检查缓存的图像“另存为”。感谢您的解释:D感谢您的解释:D
    var img = document.getElementsByTagName('img')[0];
    var i = true;

    setInterval(blink,10);
    
    function blink(){
        if(i){
            img.style.visibility="visible";
            i=false;
        }else{
            img.style.visibility="hidden";
            i=true;
        }
        
    }