自動更改字體大小

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); 
}; 

Answer 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); 
     });