首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

JS统制DIV的宽度?

2013-08-04 
JS控制DIV的宽度??body onloadclose_page()div stylewidth:auto idrt/divscriptvar div

JS控制DIV的宽度??
<body onload="close_page()">
<div style="width:auto" id="rt"></div>

<script>
var div=document.getElementById("rt");//得到这个DIV。
div.style.width=runtime+'%';
var runtime=document.getElementById("rt");
var seconds = 100;
function close_page(){
runtime.innerHTML = seconds;
if(seconds == 0)
window.close();
else
window.setTimeout('close_page()',1000);
seconds--;
}
</script>
</body>
我想用个JS代码来控制DIV的宽度。通过倒计100秒,每秒等于DIV宽度的1%,倒计时完关闭页面。
现在的问题是怎样把这个倒计时的值赋给div的width??? JavaScript JS控制DIV的宽度
[解决办法]

<!DOCTYPE html>
<html>
<head>
<title>进度条</title>
</head>
<style type="text/css">
#rt{
border:1px solid #069; text-align:center; background:#f5f6fb; color:#0a0; font-size:12px; line-height:25px;
}
</style>
<body onload = "close_page()">
<div id="rt"></div>
<script>
var div = document.getElementById("rt");
var seconds = 100;
function close_page(){
div.innerHTML = seconds;
div.style.width = seconds + "%";
if(--seconds == 0){
window.close();
}else{
setTimeout(close_page, 1000);
}
}
</script>
</body>
</html>

热点排行
Bad Request.