Javascript 单击按钮后显示倒计时计时器

Javascript 单击按钮后显示倒计时计时器,javascript,timer,countdown,countdowntimer,Javascript,Timer,Countdown,Countdowntimer,我有一个有很多行的表(末尾大约50-100行),每行都有不同的超时。我想当我点击第一个按钮(链接)的第一行开始倒计时,如果在第二行,第二个倒计时开始 之后,当倒计时结束时,将显示任何字而不是计时器 以下是两行示例: <tr> <td><form action="http://www.google.fr"><input type="submit" formtarget="_blank" value="Google 3 seconds">&

我有一个有很多行的表(末尾大约50-100行),每行都有不同的超时。我想当我点击第一个按钮(链接)的第一行开始倒计时,如果在第二行,第二个倒计时开始

之后,当倒计时结束时,将显示任何字而不是计时器

以下是两行示例:

<tr>
      <td><form action="http://www.google.fr"><input type="submit" formtarget="_blank" value="Google 3 seconds"></form>
      </td>
      <td>00:00:03</td>
</tr>
<tr>
      <td><form action="http://www.google.fr"><input type="submit" formtarget="_blank" value="Google 2h30mins"></form>
      </td>
      <td>02:30:00</td>
</tr>

00:00:03
02:30:00
对于js,我在这里找到:

任何人都可以使用我提供的链接帮助我创建js脚本?

试试以下方法:

引用自

函数到时间字符串(秒){
return(新日期(秒*1000)).toutString().match(/(\d\d:\d\d:\d\d)/)[0];
}
函数startTimer(){
var nextElem=$(this.parents('td').next();
var duration=nextElem.text();
var a=持续时间.分割(':');
变量秒=(+a[0])*60*60+(+a[1])*60+(+a[2]);
setInterval(函数(){
秒--;
如果(秒>=0){
html(toTimeString(seconds));
}
如果(秒===0){
警报(“对不起,时间不够了”);
清除间隔(秒);
}
}, 1000);
}
$('.btn')。在('click',startTimer')

00:00:03
02:30:00

刷新并关闭浏览器后如何继续计时

函数到时间字符串(秒){
return(新日期(秒*1000)).toutString().match(/(\d\d:\d\d:\d\d)/)[0];
}
函数startTimer(){
var nextElem=$(this.parents('td').next();
var duration=nextElem.text();
var a=持续时间.分割(':');
变量秒=(+a[0])*60*60+(+a[1])*60+(+a[2]);
setInterval(函数(){
秒--;
如果(秒>=0){
html(toTimeString(seconds));
}
如果(秒===0){
警报(“对不起,时间不够了”);
清除间隔(秒);
}
}, 1000);
}
$('.btn')。在('click',startTimer')

00:00:03
02:30:00

这里没有实际问题。从你写的东西开始,然后问一些你不能做的事情(例如a)。这是我不久前做的一把小提琴。也许对你有帮助这把小提琴是他的question@RachelGallen,我的答案中没有任何问题。他要求在我的帖子中实现多个计时器。不是吗?不,他要求显示文本,而你的代码正是链接中的代码provided@RachelGallen,这是不完全一样的。在文章中,间隔应该运行的持续时间是静态的,而在我的文章中,它是从相邻的
td
元素查询的。我也在计时器完成间隔时执行了警报,因此他可以做任何他想做的事情,而不是
alert()
@RayonDabre。谢谢它在stackoverflow上的工作,但不是在我的html lol上。我现在可以写吗?当单击计时器开始时,当0时,现在可以重新写了吗?顺便说一下,非常感谢