كيف تقوم بعمل وميض لعنصر ما باستخدام javascript

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

اليوم سوف أشرح لكم كيف تقومون بعمل وميض(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

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