marqueeで動いている文字の方向に応じて、その『方向指示ボタン』の矢印を、"点滅"で示すようにするには

下記のソースコードは、marqueeで動いている文字の方向に応じて、その『方向指示ボタン』の
矢印を"赤"に，反対側の矢印を"白"になるように設定したものです。
この動いている方向の矢印を"赤"で示すのでなく、"点滅"で示すようにするには、どのように
書き換えればいいでしょうか。ご教示ください。

<SCRIPT>

 function marLeft(){
   document.getElementById("blinkL").style.color="red";
   document.getElementById("blinkR").style.color="white";
 }
 function marRight(){
   document.getElementById("blinkR").style.color="red";
   document.getElementById("blinkL").style.color="white";
 }


       flg=false;
          function Stop_Start(){
             flg = !flg;
                document.myForm.stopStart.value=flg?"START":"STOP";
   if(flg) {
                document.getElementById("myMarquee").stop();
    } else {
                document.getElementById("myMarquee").start();
    }
 }
</script>


    <marquee id="myMarquee">ＴＴＴＴＴ</marquee>
     <br><br>
    <form id="marFunction" name="myForm" style="text-align:center;">
      <INPUT id="blinkL" type="button" style="color:red; background: black;" onclick="myMarquee.direction='left'; marLeft();" value="←"> 
       ☆
      <input type="button" name="stopStart" value=" STOP " onClick="Stop_Start()">
       ☆
      <INPUT id="blinkR" type="button" style="color:white; background: black;" onclick="myMarquee.direction='right'; marRight();" value="→"> 
    </form>