پیاده سازی این مدل
⚠️Java Script⚠️
سلام دوستان نحوه ی پیاده سازی این مدلی رو که میگم رو اگر بتونید راهنمایی کنید ممنون میشم :
anime.timeline()
.add({
targets: '.mytarget+i',
duration: data[i],
}).add({
targets: '.mytarget+(i+1)',
duration: data[i+1] ,
})من میخوام با توجه به تعداد خانه های آرایه تابع add در ادامه ی add های قبلی فراخوانی بشود و اتریبیوت ها هم با توجه به دیتای داخل آرایه تنظیم شود .
نحوه‌ی پیاده سازی به چه صورت است؟
در حقیقت من میخواهم کد تولید کنم با توجه به محتوای داینامیک
برای بهتر متوجه شدن مثالی را میاورم
data=[2,3,4,5]
{کد پیاده سازی مدل}نتیجه====
anime.timeline()
.add({
targets: '.mytarget0',
duration: 2,
}).add({
targets: '.mytarget1',
duration: 3 ,
})
.
}).add({
targets: '.mytarget2',
duration: 4 ,
})
.
}).add({
targets: '.mytarget3',
duration: 5 ,
})عملکرد باید با نتیجه‌ی کد بالا یکی شود
ممنوم میشم اگر راهنمایی کنید
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
@hesammousavi
من میخوام به صورت داینامیک یک تابع بسازم و اونو پشت سر هم صدا کنم
در اصل تابع های add متوالی لازم دارم که به صورت داینامیک تولید بشوند .
به صورت سودو کد بخوام بگم:
.add(x1).add(x2).add(x3).add(x4)```
میخوام از روی یک آرایه کد بالا رو تولید کنم
[x1, x2 , x3 , x4]اگر از توابع بخواین در جاوا اسکریپت به این شکل استفاده کنید به شکل زیر میشه
// chaining JS functions
var zappo = function(selector) {
var el;
var obj = {
getEl(selector) {
if (el) return el;
return document.querySelector(selector);
},
addClass(className) {
el.classList.add(className);
return this;
},
removeClass(className) {
el.classList.remove(className);
return this;
}
};
el = obj.getEl(selector);
return obj;
};
var el = zappo("#main")
.addClass("red")
.addClass("green")
.removeClass("red")
.getEl();
console.log("el", el);از کلاس هم میتونید استفاده کنید که کار ساده تر میشه