setInterval的页面安全性

Question

我有一段文字使用了Webkit的background-clip:text功能，出于纯粹的美学目的，我希望包含一个脚本来滚动文本上的图像。我想到这样做的一种方法是使用setInterval并运行我在下面包含的功能。我想知道我是否会遇到使用setInterval的任何问题，因为我在50ms处循环。

功能：

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

Answer 1

任何具有适度硬件的现代浏览器都应该能够处理这三行代码每秒执行20次。你应该没事。

如果要进行优化，obj变量不会更改，则可以缓存该值，这样您就不会每秒运行20次选择器。我不确定，但这可能是三行代码中CPU占用最多的。