Javascript 设置间隔的页面安全性

Javascript 设置间隔的页面安全性,javascript,setinterval,Javascript,Setinterval,我有一段文字,它使用Webkit的背景剪辑:text功能,出于纯粹的美学目的,我想在文字上包含一个脚本来滚动图像。我想到的一种方法是使用setInterval并运行下面包含的函数。我想知道我是否会在使用setInterval时遇到任何问题,因为我让它以50ms的速度循环 功能: function movePos(){ var obj = document.querySelector('h1 span'); var pos = parseInt(obj.style.backgrou

我有一段文字,它使用Webkit的
背景剪辑:text
功能,出于纯粹的美学目的,我想在文字上包含一个脚本来滚动图像。我想到的一种方法是使用
setInterval
并运行下面包含的函数。我想知道我是否会在使用
setInterval
时遇到任何问题,因为我让它以50ms的速度循环

功能:

function movePos(){
    var obj = document.querySelector('h1 span');
    var pos = parseInt(obj.style.backgroundPositionY);
    obj.style.backgroundPositionY = (pos + 1) + 'px';
}

任何一款现代浏览器,即使硬件不多,也应该能够每秒执行这三行代码20次。你应该没事的


如果要进行优化,并且
obj
变量不会更改,则可以缓存该值,这样就不会每秒运行选择器20次。我不确定,但这可能是三行代码中CPU密集度最高的一行。

我认为您不会遇到任何问题。也许使用更安全是的,这是真的。我个人在JS中构建并运行了许多物理引擎,这些引擎依赖于封装在循环中的微分方程解算器,该循环以每秒60帧的速度每帧执行50+次。这是16.66毫秒。使用DOM肯定会减慢速度,但不会达到您需要担心的程度。