以特定间隔

Question

我希望你能指出我正确的方向。

我想创建一个网站，其中font-family以一定的间隔更改。然后只是循环。例如：

1. 文字以Arial
开头
2. Times New Roman的更改
3. 对Verdana的更改
4. 再次变回Arial - 依此类推

如何做到这一点？每次我搜索这个，我只能获得如何在一定的时间间隔内自动更改字体大小或字体颜色的解决方案，但绝不会使用font-family。如果你能告诉我在这里使用哪种方法，我将非常感激。

Answer 1

一种简单的方法：

＆＃13;

＆＃13;

var fonts = ['times', 'verdana', 'arial'];
var currentFont = 0

function changeFont() {
  document.body.style.fontFamily = fonts[currentFont++ % fonts.length]
}

setInterval(changeFont, 1000);

＆＃13;

My font will change

＆＃13;

＆＃13;

＆＃13;

Answer 2

首先，将css class属性添加到您想要受影响的页面的所有部分;我们可以说：class="my_font_family_class"

然后，这是要处理的代码：

window.myInterval= 3600 * 1000;// every hour
window.fontFamilies =["Arial","Times New Roman", "Verdana" ];
window.fontFamilyCounter=0;
setInterval(function(){
   $('.my_font_family_class').css("font-family", window.fontFamilies[window.fontFamilyCounter % window.fontFamilies.length]);
   window.fontFamilyCounter ++;
}, window.myInterval);