Javascript 如何使按钮在特定时间闪烁？

我想问大家，我面临的问题是，当用户在特定时间点击按钮时，我想闪烁三个html链接

<a id="tip1">blink1</a> 
<a id="tip2">blink2</a> 
<a id="tip3">blink3</a>
<input type="button" value="CLICK ME" id="btn" />
 $("#btn").click(function () {
doBlink(900);
});
function doBlink(900)
{
set blink for $("#tip1") is 300, after finishing for blinking one, we will call for blink2..etc..
}

blink1
眨眼2
眨眼3
$（“#btn”）。单击（函数（）{
多布林（900）；
});
功能链接（900）
{
美元的设置闪烁（“#tip1”）为300，完成闪烁一次后，我们将调用闪烁2..等等。。
}

提前感谢

以下是一个可以做到这一点的方法：

$("#btn").click(function () {
    doBlink(900);
});

function doBlink(value) {
    var time = value/3;
    blink(1, time);
}

function blink(id, time) {
    var counter = 0;
    var interval = setInterval(function () {
       $("#tip" + id).toggleClass('blinked');
       counter += 50;
       if (counter >= time && id < 4) {
           clearInterval(interval);
           id++;
           blink(id, time);
       }
    }, 100);
}

$（“#btn”）。单击（函数（）{
多布林（900）；
});
功能链接（值）{
var时间=值/3；
眨眼（1，时间）；
}
功能闪烁（id、时间）{
var计数器=0；
var interval=setInterval（函数（）{
$（“#tip”+id）.toggleClass（'blinked'）；
计数器+=50；
如果（计数器>=时间和id<4）{
间隔时间；
id++；
闪烁（id，时间）；
}
}, 100);
}

@MikeCheel如果可以用JS轻松完成，那么GIF将是严重的过度使用。。。