Форум PHP программистов > увеличивающийся div

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Киса

26.06.2012 - 15:45

Привет. Помогите, пожалуйста: есть код, переменная mySecs2 растет определенным способом в зависимости от секунд


function getSecs() {        
var mySecs = initStopwatch()+1;
var mySecs3 = 10000+(302*mySecs);
var mySecs1 = ""+mySecs;
mySecs2 = ""+mySecs3; 
mySecs1= mySecs1.substring(0,mySecs1.indexOf("."));
mySecs2= mySecs2.substring(0,mySecs2.indexOf(".")); 
document.getElementById('timespent').innerHTML=mySecs1; 
document.getElementById('timespent1').innerHTML= mySecs2; 
"<div id='msg' style='outline:none; background: #204b6f; width:20px; height:" + mySecs2 + "px;'></div>"
window.setTimeout('getSecs()',100); }

Скажите, по идее я хочу чтобы высота див увеличивалась "на глазах", в зависимости от значения переменной. Т.е. эта переменная увеличивается в зависимости от времени. Циферки бегут, а див не растет

Спустя 32 минуты, 49 секунд (26.06.2012 - 15:17) sergeiss написал(а):

Чего-то я не понял... А что это за дикая вставка в функцию JS?

"<div id='msg' style='outline:none; background: #204b6f; width:20px; height:" + mySecs2 + "px;'></div>"

Спустя 1 минута, 4 секунды (26.06.2012 - 15:18) alexbel2404 написал(а):

<div id='msg' style='outline:none; background: #204b6f; width:20px; height:10px;'></div>
<script>
var div = document.getElementById("msg");
setInterval(function(){div.style.height = parseInt(div.style.height) + 20 + "px"}, 1000);
</script>

а дальше сама)

Спустя 9 минут, 56 секунд (26.06.2012 - 15:28) Guest написал(а):

Цитата (alexbel2404 @ 26.06.2012 - 12:18)

<div id='msg' style='outline:none; background: #204b6f; width:20px; height:10px;'></div>
<script>
var div = document.getElementById("msg");
setInterval(function(){div.style.height = parseInt(div.style.height) + 20 + "px"}, 1000);
</script>

а дальше сам)

Спасибо большое))) еще сделать, что он вверх рос, а не вниз(( Буду разбираться. Еще раз - спасибо

Спустя 14 минут, 16 секунд (26.06.2012 - 15:43) Zzepish написал(а):

написал


<script>
var div = document.getElementById("msg");
function hi(){
div.style.height =div.style.height + 300 + "px";
}
</script>
<div id="msg" style="height:100px; width:100px; border: 1px solid black;" onClick="hi()"></div>

Не рабоатет

Спустя 4 минуты, 54 секунды (26.06.2012 - 15:48) Киса написал(а):

Цитата (Zzepish @ 26.06.2012 - 12:43)

написал


<script>
var div = document.getElementById("msg");
function hi(){
div.style.height =div.style.height + 300 + "px";
}
</script>
<div id="msg" style="height:100px; width:100px; border: 1px solid black;" onClick="hi()"></div>

Не рабоатет

не работает

Быстрый ответ:

Здесь расположена полная версия этой страницы.