التحرك لليمين
الدرس 11 من 18 في دورة سحب متحركة - مشروع HTML/CSS/JS على Coddy.
في لغة JavaScript، تقوم طريقة setInterval() باستدعاء دالة أو تنفيذ مقتطف برمجى بشكل متكرر، مع تأخير زمني ثابت بين كل استدعاء.
على سبيل المثال:
let i = 0;
setInterval(() => {
i += 1
}, 1000)سيزيد المثال أعلاه قيمة i بمقدار 1 كل 1000 مللي ثانية (ثانية واحدة).
التحدي
سهلفي ملف JavaScript، أضف فاصلاً زمنياً (interval) قدره 3000 مللي ثانية (3 ثوانٍ) يقوم بتعيين خاصية النمط left للسحابة إلى 100%.
كيف ستعرف أنه يعمل؟
بعد إضافة الكود، انتظر لمدة 3 ثوانٍ، بعد ذلك، يجب أن تتحرك سحابتك إلى اليسار (تم تنفيذ الفاصل الزمني)!
جرّب بنفسك
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>جميع دروس سحب متحركة - مشروع HTML/CSS/JS
1مقدمة
مقدمة