自动更改字体大小答案

【问题标题】：changing font size automatically自动更改字体大小
【发布时间】：2012-02-07 13:21:29
【问题描述】：

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

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

【问题讨论】：

离题但是你不觉得这会分散注意力
是的，我知道..但我的客户坚持很多..帮不上忙...知道我该怎么做吗？？

标签： c# javascript asp.net css vb.net

【解决方案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);
};

【讨论】：

【解决方案2】：

试试这个：

<div>
<p id="p1">Para1  </p>
<p id="p2">Para2  </p>
</div>

 $(function() {
        var pa1 = 20, pa2 = 8, pa3;
        $('#p1').css('fontSize', pa1);
        $('#p2').css('fontSize', pa2);
        function fstyle() {
                pa3 = pa1;
                pa1 = pa2;
                pa2 = pa3;
                $('#p1').css('fontSize', pa1);
                $('#p2').css('fontSize', pa2);
                            }
            setInterval(fstyle, 3000);
        });

【讨论】：