PDA

View Full Version : اشکال در ارتباط با تابع setinterval



rahil.m68
سه شنبه 27 اسفند 1392, 19:46 عصر
سلام دوستان مشکل این کد چیه ؟
من میخوام هر 2 ثانیه تکرار رخ بده ، فقط یک بار اجرا میشه دیگه ادامه پیدا نمیکنه، لطفا راهنمایی کنید ،
با تشکر .


<html>
<body>

<div id="abc"></div>

<div id="myDiv"></div>

<script>
i=10;
function f1()
{

document.getElementById("myDiv").style.width=i+100;
document.getElementById("myDiv").style.height=i+100;
document.getElementById("myDiv").style.color="lightblue";
document.getElementById("myDiv").style.background="black";

}

setInterval("f1()",2000);
</script>
</body>
<html>

darkcms
سه شنبه 27 اسفند 1392, 20:05 عصر
با سلام و درود.
دقیقا بگویید میخواهید چه رخ دادی تکرار شود.
این تابع هر 2 ثانیه تکرار می شود ولی خب چون دستورات داخل تابع یکسان می باشد فراخوانی تابع به چشم نمی آید!
مثلا با اضافه کردن ++i به درون تابع تغییرات تا حدی قابل مشاهده است :

<!doctype html>
<html>
<body>

<div id="abc"></div>

<div id="myDiv"></div>

<script>
i=10;
function f1(){

document.getElementById("myDiv").style.width = i + 100 + "px";
document.getElementById("myDiv").style.height = i + 100 + "px";
document.getElementById("myDiv").style.color = "lightblue";
document.getElementById("myDiv").style.background = "black";
i++;

}

setInterval("f1()",2000);
</script>
</body>
</html>
به امید فردایی بهتر!:لبخندساده:

rahil.m68
سه شنبه 27 اسفند 1392, 21:59 عصر
با سلام و درود.
دقیقا بگویید میخواهید چه رخ دادی تکرار شود.
این تابع هر 2 ثانیه تکرار می شود ولی خب چون دستورات داخل تابع یکسان می باشد فراخوانی تابع به چشم نمی آید!
مثلا با اضافه کردن ++i به درود تابع تغییرات تا حدی قابل مشاهده است :

<!doctype html>
<html>
<body>

<div id="abc"></div>

<div id="myDiv"></div>

<script>
i=10;
function f1(){

document.getElementById("myDiv").style.width = i + 100 + "px";
document.getElementById("myDiv").style.height = i + 100 + "px";
document.getElementById("myDiv").style.color = "lightblue";
document.getElementById("myDiv").style.background = "black";
i++;

}

setInterval("f1()",2000);
</script>
</body>
</html>
به امید فردایی بهتر!:لبخندساده:

خیلی ممنونم ، همین میخواستم height , width ، تغییر کنند .

rahil.m68
شنبه 16 فروردین 1393, 11:01 صبح
سلام دوستان
اگه بخوام تابعی مثل همین تابع که تو پست اول قرار دادم روی عکس های موجود در یک آرایه اعمال بشه چیکار باید کنم ؟
لطفا راهنمایی کنید با تشکر

rahil.m68
شنبه 23 فروردین 1393, 09:20 صبح
<body>
<div style="float:left; opacity:0.1;"><img onmouseover="f2()"; onmouseout="myStopFunction()"; border="0" id="sd" src="1.jpg" alt="Smiley" width="100" height="100"></div>


<script>


i=10;

function f1(){
if(i<=150)
{
document.getElementById("sd").style.opacity = 1;
document.getElementById("sd").style.width = i + 100 + "px";
document.getElementById("sd").style.height = i + 100 + "px";
i++;
}
}

function f2(){
var myVar=setInterval("f1()",50);
}

function myStopFunction()
{
clearInterval(myVar);
}
</script>

سلام دوستان در کد بالا قسمت onmouseout کار نمیکنه مشکلش چیه ؟