显示格式化的已用时间

时间:2012-05-14 21:41:40

标签: javascript jquery

在我的上传文件页面上,我想以这种格式显示已用时间(用户上传文件的时间):00:26,这将是26秒。 17:34将是17分34秒等等。

我怎么能这样做?我有一个在上传开始时调用的事件,所以我可以从那里设置一个Date变量,并且我还有一个定期调用的函数来更新已用时间。

感谢。

2 个答案:

答案 0 :(得分:4)

手动:脱离我的头顶。

var m;
var s = 0;;
var startTime = new Date();
var interval = setInterval(function(){
    s++;
    var temps= s%60;
    m = Math.floor(s/60);
    document.querySelector("#timebox").innerHTML = ""+m"+":"+ (temps>9?"":"0") + temps;
},1000);

然后当完成上传时......需要调用

clearInterval(interval);

但是我建议使用像Moment.js这样的东西。更强大。

答案 1 :(得分:0)

客户端我猜。

当然,setInterval()是一个计数器函数,它从上传的“点击”开始。你的计数器功能可以返回屏幕显示一种“进度” - 这是你的意思吗?