⚠️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);
از کلاس هم میتونید استفاده کنید که کار ساده تر میشه
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟