أريد توضيح لعمل دالة في Javascript

السلام عليكم ورحمة الله

الآن هذه دالة أنا لا أستطيع إدراك كيف بدأت قيمة ال time
يعني الدالة تعمل وسليمه وشغاله
بس أنا لا أستطيع فهم كيف أن قيمة الtime تعتبر موجوده؟؟ وأول ما تم ندائها كانت بدون أي arguments

<p style="text-align: center;">
	<img src="img_heart.jpg" style="position: relative;" />
</p>


<script>
 let cat = document.querySelector('img');
 let angle = Math.PI/2;
 function animate(time, lastTime){
	console.log(time, lastTime);
	if(lastTime != null){
		angle += (time-lastTime)*0.001;
	}
	cat.style.top = Math.sin(angle)*200 + "px";
	cat.style.left = Math.cos(angle)* 200 + "px";
	requestAnimationFrame(newTime => animate(newTime, time));
 }
 requestAnimationFrame(animate);
 </script>

شكرا مقدما

3 Likes

الحمد لله أنا عرفت الحل:
هذه الدالة عباره عن API تستخدم في التحريك، فتلقائيا هيا تبدأ بالtime

3 Likes

بالضبط هو طلب يقوم بتنبيه المتصفح للتحديث للقيام بتحريك أو animation
والدالة تأخذ callback function بداخلها مثلما أشرتي

1 Like