js设置css width,JS使用定时器修改DIV的高度和宽度

一、div对象在页面中的标签如下

这里是div里面的内容

二、JS代码如下

function SetDiv()

{

var GetDiv = document.getElementById("GetDiv");

//alert(GetDiv.getBoundingClientRect().left+","+GetDiv.getBoundingClientRect().top);

var scale=GetDiv.offsetWidth/GetDiv.offsetHeight;//原来的DIV的高宽比例

ChangeWH=setInterval("SetWH("+scale+")", 100);

}

function SetWH(scale)

{

var MoveSpeed=50;//每次改变的大小为N个像素

var div1 = document.getElementById("GetDiv");

var oldwidth = div1.offsetWidth;

oldwidth = oldwidth-MoveSpeed;

var oldheight = oldwidth/scale;

if (oldwidth <= 100)

{

clearInterval(ChangeWH);//停止计时器

}else

{

div1.style.width = oldwidth + "px";

div1.style.height = oldheight + "px";

}

}