JS统制DIV的宽度？
日期：2014-05-16 浏览次数：20374 次
JS控制DIV的宽度？？
<body onload="close_page()">
<div style="width:auto" id="rt"></div>
我想用个JS代码来控制DIV的宽度。通过倒计100秒，每秒等于DIV宽度的1%，倒计时完关闭页面。
现在的问题是怎样把这个倒计时的值赋给div的width？？？
------解决方案--------------------
<body onload="close_page()">
<div style="width:auto" id="rt"></div>
<script></body>
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>
我想用个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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
