最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - Calculating remaining time of upload - Stack Overflow

programmeradmin0浏览0评论

I'm using the Uploadify plugin to allow users to upload files, and I have the progress bar working. Now I want to give the user an estimated time until pletion, but I'm unsure how to calculate it using Javascript.

Assume I have the following variables: uploadSpeed (in kb/s), timeStarted (a Javascript date object?), fileSize (size of the file in bytes). How can I calculate a countdown until the file is fully uploaded?

I'm using the Uploadify plugin to allow users to upload files, and I have the progress bar working. Now I want to give the user an estimated time until pletion, but I'm unsure how to calculate it using Javascript.

Assume I have the following variables: uploadSpeed (in kb/s), timeStarted (a Javascript date object?), fileSize (size of the file in bytes). How can I calculate a countdown until the file is fully uploaded?

Share Improve this question asked Mar 11, 2012 at 12:52 James DawsonJames Dawson 5,40920 gold badges75 silver badges129 bronze badges
Add a ment  | 

3 Answers 3

Reset to default 7
var uploadedSoFar = uploadSpeed * (Date.now() - timeStarted.milliseconds) / 1000;
var timeRemaining = ((fileSize - uploadedSoFar) / uploadSpeed) + ' seconds';

Is this just a mathematical question? If so, take the difference between the timeStarted and timeNow, multipy that with the uploadSpeed, take result and substract it from the fileSize and divide that by your uploadSpeed. That´s your remaining time (assuming uploadSpeed is constant at any time).

(fileSize - (timeNow - timeStarted) * uploadSpeed) / uploadSpeed

But a way more accurate way is to take the actual amount of bytes that have been uploaded yet to calculate the remaining time. That should be no problem since the user is uploading a file to your server. Therefore you can just read the partial file size from your server.

You don't really need the timeStarted variable since the uploadSpeed is not constant, you'd do better monitoring the ammount of bytes uploaded.

var uploaded  // ammount of bytes uploaded
setInterval("updateProgress()", 1000) //every second updates the uploaded counter
function updateProgress(){
    uploaded += uploadSpeed //increments the ammount of bytes uploaded in a second
    updateProgressBar((uploaded/fileSize)*100) // update progress bar
}
发布评论

评论列表(0)

  1. 暂无评论
ok 不同模板 switch ($forum['model']) { /*case '0': include _include(APP_PATH . 'view/htm/read.htm'); break;*/ default: include _include(theme_load('read', $fid)); break; } } break; case '10': // 主题外链 / thread external link http_location(htmlspecialchars_decode(trim($thread['description']))); break; case '11': // 单页 / single page $attachlist = array(); $imagelist = array(); $thread['filelist'] = array(); $threadlist = NULL; $thread['files'] > 0 and list($attachlist, $imagelist, $thread['filelist']) = well_attach_find_by_tid($tid); $data = data_read_cache($tid); empty($data) and message(-1, lang('data_malformation')); $tidlist = $forum['threads'] ? page_find_by_fid($fid, $page, $pagesize) : NULL; if ($tidlist) { $tidarr = arrlist_values($tidlist, 'tid'); $threadlist = well_thread_find($tidarr, $pagesize); // 按之前tidlist排序 $threadlist = array2_sort_key($threadlist, $tidlist, 'tid'); } $allowpost = forum_access_user($fid, $gid, 'allowpost'); $allowupdate = forum_access_mod($fid, $gid, 'allowupdate'); $allowdelete = forum_access_mod($fid, $gid, 'allowdelete'); $access = array('allowpost' => $allowpost, 'allowupdate' => $allowupdate, 'allowdelete' => $allowdelete); $header['title'] = $thread['subject']; $header['mobile_link'] = $thread['url']; $header['keywords'] = $thread['keyword'] ? $thread['keyword'] : $thread['subject']; $header['description'] = $thread['description'] ? $thread['description'] : $thread['brief']; $_SESSION['fid'] = $fid; if ($ajax) { empty($conf['api_on']) and message(0, lang('closed')); $apilist['header'] = $header; $apilist['extra'] = $extra; $apilist['access'] = $access; $apilist['thread'] = well_thread_safe_info($thread); $apilist['thread_data'] = $data; $apilist['forum'] = $forum; $apilist['imagelist'] = $imagelist; $apilist['filelist'] = $thread['filelist']; $apilist['threadlist'] = $threadlist; message(0, $apilist); } else { include _include(theme_load('single_page', $fid)); } break; default: message(-1, lang('data_malformation')); break; } ?>