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

Question

我想问问所有人，我面临的问题是，当用户点击具有特定时间的按钮时，我想要闪烁三个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..
}

提前致谢

Answer 1

这是Fiddle Demo，它会执行此操作：

$("#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);
}