PDA

View Full Version : سوال: لطفا کمکم کنید (پیمایش لیست با فاصلهٔ زمانی‌)



mohsen20121390
سه شنبه 18 شهریور 1393, 23:08 عصر
سلام به دوستان عزیز.
من می‌خوام یک لیست را، مثلا با ۵ تا رکورد که از عدد ۱ شروع می‌شود و با عدد ۵ تمام می‌شود را با استفاده از یک حلقه پیمایش کرده و رنگ این عدد را یکی‌ پس از دیگری با فاصلهٔ ۱ ثانیه از سفید به قرمز تبدیل کنم. نکتهٔ قابل توجه این است که مثلا با تبدیل رنگ عدد ۳ به قرمز باید عدد قبلی‌ آن‌ که ۲ می‌باشد همزمان دوباره به سفید تغییر رنگ دهد. یعنی‌ در هر ثانیه فقط یک عدد به رنگ قرمز موجود می‌باشد و تمام این کار در ۵ ثانیه اتفاق بیفتد. خوشحال میشوم اگر کسی‌ بتونه بهم کمک کنه و بگه چجوری می‌تونم یک لیست را با فاصلهٔ ۱ ثانیه پیمایش کنم.

mohsen20121390
چهارشنبه 19 شهریور 1393, 10:18 صبح
kesi nist komak kone?

FastDesign.ir
چهارشنبه 19 شهریور 1393, 22:06 عصر
با سلام خدمت شما دوست گرامی
کدهای مورد نیاز را در بخش زیر اضافه کردم. برای امتحان کد کلیک (http://jsfiddle.net/pszucpkv/)کنید.

کد جیکوئری:

$(function () {
var options = $("#list option");
var index = 1;
setInterval(function () {
options.eq(index-1).css("background-color", "red");
options.eq(index - 1).prev().css("background-color", "white");
if (index == 1)
options.eq(options.length-1).css("background-color", "white");
index = (index % options.length ) + 1;

}, 1000);
});


کد اچ تی ام ال:

<select id="list" size="5" style="width:200px">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>

mohsen20121390
جمعه 21 شهریور 1393, 06:26 صبح
agha dastet dard nakone garche man belakhare khodam hallesh kardam az yek rahe dige wali damet garm. kheili mamnoon azat.