c# - 自动改变字体大小

Question

我在一个页面上有 3 段文字......我想每 3 秒更改一次段落的字体大小......这可能吗？
我想要的是当页面加载时，第 1 段是 10px，第 2 段是 8px，然后在 3 秒后，第 2 段是 10px，第 1 段是 8px。

我的意思是像使用更新面板之类的？ js ...有什么办法吗？

Answer 1

您可以使用 setInterval 方法以一定间隔运行函数:

CSS:

#para1 { font-szie: 10px; }
#para2 { font-szie: 8px; }
#para3 { font-szie: 8px; }

HTML:

<p id="para1">asdf</p>
<p id="para2">asdf</p>
<p id="para3">asdf</p>

Javascript:

window.onload = function(){
  var current = 0;
  var ids = ['para1', 'para2', 'para3'];
  window.setInterval(function(){
    current = (current + 1) % 3;
    for (var i = 0; i < ids.length; i++) {
      document.getElementById(ids[i]).style.fontSize = (i == current ? '10px' : '8px');
    }
  }, 3000);
};