用js写了一个让文字先变大再变小再变大。。。依次循环的程序 遇到点问题


<html>
<head>
</head>
<body>
<div id="d">
js控制字体大小
</div>
<script>
var i=1;
var j=40;
var k=0;
function sizeChangeBigger()
{
if(i!=40)
i++;
document.getElementById("d").style.fontSize=i;
}
function sizeChangeSmaller()
{
if(j!=1)
j--;
document.getElementById("d").style.fontSize=j;
}setInterval("sizeChangeBigger()",80);
</script>
</body>
</html>变大后怎样再让它变小呢，又怎样让它循环地一会变大一会变小呢？
初入js小弟愚昧 望各位大虾相助，谢谢各位了！

解决方案 »

  1.   

    http://www.w3school.com.cn/htmldom/met_win_setinterval.asp
      

  2.   


    <html>
    <head>
    </head>
    <body>
    <div id="d">
    js控制字体大小
    </div>
    <script>
    /*
    var i=1;
    var j=40;
    var k=0;
    function sizeChangeBigger()
    {
    if(i!=40)
    i++;
    document.getElementById("d").style.fontSize=i;
    }
    function sizeChangeSmaller()
    {
    if(j!=1)
    j--;
    document.getElementById("d").style.fontSize=j;
    }setInterval("sizeChangeBigger()",80);
    */
    var kk=0;
    var bb=0;
    function sizeChange()
    {
    if(kk>80){kk=0;}
    else if(kk>40){bb=80-kk;}
    else bb=kk;
    kk++;
    document.getElementById("d").style.fontSize=bb;
    }
    setInterval("sizeChange()",80);
    </script>
    </body>
    </html>