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