Vanilla JavaScript Blink Class

blinked_class.js

//    Add and Remove a class repeatedly for a set duration for a set number of times (blinking or animating).
//    This is good for blinking an element for a few seconds to attract attention to it.
var fBlinkClass = function( _sQuery, _sClass, _nItra, _nDura ){
    var eChevr = document.querySelector( _sQuery ), _nCur = 0, _si;
    eChevr.classList.add( _sClass );
    _si = window.setInterval(function(){
      if( ++_nCur <= _nItra ){
        if( eChevr.classList.contains( _sClass ) ){
          eChevr.classList.remove( _sClass );
        }else{
          eChevr.classList.add( _sClass );
        }
      }else{
        eChevr.classList.remove( _sClass );
        window.clearInterval( _si );
      }
    }, _nDura);
}
  
 // Usage
fBlinkClass( "#js-dropdown-0--id svg", "drop-surface__svg--red", 8, 460 );

This is good for calling attention to an element. For example a required field on a passively validated form (hover of CTA).