اشکال در ارتباط با تابع 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+10  0;

document.getElementById("myDiv").style.color="ligh  tblue";

document.getElementById("myDiv").style.background=  "black";



}



setInterval("f1()",2000);

</script>

</body>

<html>

**darkcms** · سه شنبه 27 اسفند 1392, 20:05 عصر

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

کد HTML:

<!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 عصر

نوشته شده توسط darkcms

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

کد HTML:

<!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 کار نمیکنه مشکلش چیه ؟

نام تاپیک: اشکال در ارتباط با تابع setinterval

ابزار های تاپیک

نمایش

اشکال در ارتباط با تابع setinterval

نقل قول: اشکال در ارتباط با تابع setinterval

نقل قول: اشکال در ارتباط با تابع setinterval

نقل قول: اشکال در ارتباط با تابع setinterval

نقل قول: اشکال در ارتباط با تابع setinterval

تاپیک های مشابه

اشکال در ارتباط با دیتابیس بر روی شبکه

اشکال هنگام استفاده از تابع session_start

اشکال در ارتباط با پایگاه داده اکسس

رفع اشکال در ارتباط با Mysql

اشکال در ارتباط بین صفحه html و php

قوانین ایجاد تاپیک در تالار