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

اليوم سوف أشرح لكم كيف تقومون بعمل وميض(Blink) لعنصر ما

اعلم ان هناك طرق أخرى لكن أريد أن تستفيدو

function blink( ) {
    var d = new Date( );
    document.body.style.opacity = Math.abs(Math.sin(d.getTime( )/1000));
    window.requestAnimationFrame(blink);
}
window.requestAnimationFrame(blink);

  • استخدمت abs لتحويل من السالب للموجب للقيمة (Math.sin(d.getTime( )/1000

  • استخدم قيمة متغيرة(d.getTime( )) داخل sin لاحضار عدد من -1 الى 1 فاستغليت الدالة لكي تقوم بعمل الوميض

  • الدالة d.getTime( ) تقوم بإحضار milliseconds من عام 1970 فاستغليتها لأنها قيمة متغيرة فالmilliseconds يتجدد كما تعلمون فالثانية تساوي 1000 من milliseconds

  • قمت بقسمة d.getTime( ) على 1000 لجعل الوميض كل ثانية واحدة فاذا كنت تريد ثانيتين ضع 2000 او تريد دقيقة ضع 60000 وهكذا

  • استخدمت window.requestAnimationFrame لطلب تكرار الوظيفة blink كل milliseconds وهذا سبب اختيار d.getTime( )

  • document.body.style.opacity استخدمتها لتطبيق الحسابات التي قمنا بها على العنصر المحدد والعنصر المحدد هو body

ملاحظة : يمكن أن يكون المجتمع الخطأ