在javascript中创建一个计数计时器

在javascript中创建一个计数计时器,javascript,jquery,timer,Javascript,Jquery,Timer,我想用javascript制作一个简单的计时器。当我的ajax成功运行时,它应该启动,结果应该是这样的 1 sec ago 2 sec ago . . 1 min ago (for 60 sec) 2 min ago (for 60 sec) ... and so on 我在谷歌上搜索,找不到这样的计时器。有什么建议吗?您可以通过检查计数器(用于记录秒数)是否低于60来执行此操作。如果大于60,则只需将其除以60,即可将float值更改为int以获得分钟数。 提示:如果您需要精确到xx秒的分钟

我想用javascript制作一个简单的计时器。当我的ajax成功运行时,它应该启动,结果应该是这样的

1 sec ago
2 sec ago
.
.
1 min ago (for 60 sec)
2 min ago (for 60 sec)
... and so on

我在谷歌上搜索,找不到这样的计时器。有什么建议吗?

您可以通过检查计数器(用于记录秒数)是否低于60来执行此操作。如果大于60,则只需将其除以60,即可将
float
值更改为
int
以获得分钟数。 提示:如果您需要精确到xx秒的分钟数,可以使用
toFixed(2)
功能而不是
parseInt

这是解决办法

var elem=$('span');
var计数=0;
setInterval(函数(){
如果(计数>60){//我们检查计时器是秒还是分钟
var time=++count;//我们得到一个以秒为单位的时间副本
time=parseInt(time/60);//我们将它转换为mins
$(elem).text(时间+m');
}否则{//同样,我们也可以添加一个条件来检查s=3600的小时数
$(elem).text(++count+'s');
}
}, 1000);


0年前。。。

您可以通过检查计数器(用于记录秒数)是否低于60来执行此操作。如果大于60,则只需将其除以60,即可将
float
值更改为
int
以获得分钟数。 提示:如果您需要精确到xx秒的分钟数,可以使用
toFixed(2)
功能而不是
parseInt

这是解决办法

var elem=$('span');
var计数=0;
setInterval(函数(){
如果(计数>60){//我们检查计时器是秒还是分钟
var time=++count;//我们得到一个以秒为单位的时间副本
time=parseInt(time/60);//我们将其转换为分钟
$(elem).text(时间+m');
}否则{//同样,我们也可以添加一个条件来检查s=3600的小时数
$(elem).text(++count+'s');
}
}, 1000);


0年前。。。

试试下面的代码。如果答案有帮助,请投票表决

var计数器=0;
var _分钟=60;
var_小时=3600;
setInterval(函数(){
计数器++;
如果(计数器>((分钟-1)和计数器<((小时-1)){
$('div#show count').html(Math.floor(counter/_minute)+'minute ago');
}否则如果(计数器>\u小时){
$('div#show count').html(Math.floor(counter/_hour)+'hour ago');
}否则{
$('div#show count').html(计数器+'sec ago');
}
}, 1000);

尝试以下代码。如果答案有帮助,请投票表决

var计数器=0;
var _分钟=60;
var_小时=3600;
setInterval(函数(){
计数器++;
如果(计数器>((分钟-1)和计数器<((小时-1)){
$('div#show count').html(Math.floor(counter/_minute)+'minute ago');
}否则如果(计数器>\u小时){
$('div#show count').html(Math.floor(counter/_hour)+'hour ago');
}否则{
$('div#show count').html(计数器+'sec ago');
}
}, 1000);

请参阅以下代码,它应该具有足够的适应性,可以在代码中实现

//保存当前加载时间以用于比较。
var savedTime=新日期();
//在引用时,将timers对象保存到一个速度变量中
变量计时器=$(“#计时器”);
//声明计时器变量
var时间神经;
函数startTimer(){
//将计时器保存到一个名为timerInterval的变量中,以便稍后停止它
timerInterval=setInterval(函数(){
//将时差保存到var中以供参考
var时间=时间差(保存时间);
//将跨度文本设置为计时器文本。
timer.text(时间);
//30秒后调用函数以停止计时器
如果(parseInt(time)==30)stopTimer();
},1000);//1000=1秒,2000=2秒等。。。;
}
//如果需要,可以停止定时器
函数stopTimer(){
clearInterval(timerInterval);
}
//函数以毫秒为单位计算时间差。
功能时间差(时间){
var diff=新日期()-时间;
var-msec=diff;
var hh=数学地板(毫秒/1000/60/60);
msec-=hh*1000*60*60;
var mm=数学地板(毫秒/1000/60);
msec-=mm*1000*60;
var ss=数学下限(毫秒/1000);
msec-=ss*1000;
如果(hh>0){
变量uom=(hh==1)?“小时”:“小时”;
返回hh+“”+计量单位;
}
如果(hh<1&&mm>0){
变量uom=(mm==1)?“分钟”:“分钟数”;
返回mm+“”+计量单位;
}
如果(hh<1&&mm<1){
变量uom=(ss==1)?“秒”:“秒”;
返回ss+“”+计量单位;
}
}
//单击事件以停止计时器。
$(文档).on('click','#stopTimer',函数(e){
停止计时器();
});
$(文档).on('click','#startTimer',函数(e){
startTimer();
});
$(文档)。在('单击','重置计时器')上,函数(e){
savedTime=新日期();
timer.text('0秒');
});

计时器:0秒


开始计时器停止计时器重新设置计时器请参阅以下代码,它应该具有足够的适应性,可以在代码中实现

//保存当前加载时间以用于比较。
var savedTime=新日期();
//在引用时,将timers对象保存到一个速度变量中
变量计时器=$(“#计时器”);
//声明计时器变量
var时间神经;
函数startTimer(){
//将计时器保存到一个名为timerInterval的变量中,以便稍后停止它
timerInterval=setInterval(函数(){
//将时差保存到var中以供参考
var时间=时间差(保存时间);
//将跨度文本设置为计时器文本。
timer.text(时间);
//30秒后调用函数以停止计时器
如果(parseInt(time)==30)stopTimer();
},1000);//1000=1秒,2000=2秒等。。。;
}
//如果需要,可以停止定时器
函数stopTimer(){
clearInterval(timerInterval);
}
//函数以毫秒为单位计算时间差。
功能时间差(时间){
var diff=新日期()-时间;
var-msec=diff;
var hh=数学地板(毫秒/1000/60/60);
msec-=hh*1000*60*60;
弗吉尼亚州