roberto
1e044b6498
Funciona: - Usuario - Empresa git-svn-id: https://192.168.0.254/svn/Proyectos.Incam_PROFIND_Web/trunk@2 3fe1ab16-cfe0-e34b-8c9f-7d8c168d430d
53 lines
1.8 KiB
JavaScript
53 lines
1.8 KiB
JavaScript
jQuery.fn.anim_progressbar = function (aOptions) {
|
|
// def values
|
|
var iCms = 1000;
|
|
var iMms = 60 * iCms;
|
|
var iHms = 3600 * iCms;
|
|
var iDms = 24 * 3600 * iCms;
|
|
|
|
// def options
|
|
var aDefOpts = {
|
|
start: new Date(), // now
|
|
finish: new Date().setTime(new Date().getTime() + 60 * iCms), // now + 60 sec
|
|
interval: 100,
|
|
callback: function() {}
|
|
}
|
|
var aOpts = jQuery.extend(aDefOpts, aOptions);
|
|
var vPb = this;
|
|
|
|
// each progress bar
|
|
return this.each(
|
|
function() {
|
|
var iDuration = aOpts.finish - aOpts.start;
|
|
|
|
// calling original progressbar
|
|
$(vPb).children('.pbar').progressbar();
|
|
|
|
// looping process
|
|
var vInterval = setInterval(
|
|
function(){
|
|
var iLeftMs = aOpts.finish - new Date(); // left time in MS
|
|
var iElapsedMs = new Date() - aOpts.start, // elapsed time in MS
|
|
iDays = parseInt(iLeftMs / iDms), // elapsed days
|
|
iHours = parseInt((iLeftMs - (iDays * iDms)) / iHms), // elapsed hours
|
|
iMin = parseInt((iLeftMs - (iDays * iDms) - (iHours * iHms)) / iMms), // elapsed minutes
|
|
iSec = parseInt((iLeftMs - (iDays * iDms) - (iMin * iMms) - (iHours * iHms)) / iCms), // elapsed seconds
|
|
iPerc = (iElapsedMs > 0) ? iElapsedMs / iDuration * 100 : 0; // percentages
|
|
|
|
// display current positions and progress
|
|
$(vPb).children('.percent').html('<b>'+iPerc.toFixed(1)+'%</b>');
|
|
$(vPb).children('.elapsed').html(iDays+' days '+iHours+'h:'+iMin+'m:'+iSec+'s</b>');
|
|
$(vPb).children('.pbar').children('.ui-progressbar-value').css('width', iPerc+'%');
|
|
|
|
// in case of Finish
|
|
if (iPerc >= 100) {
|
|
clearInterval(vInterval);
|
|
$(vPb).children('.percent').html('<b>100%</b>');
|
|
$(vPb).children('.elapsed').html('Finished');
|
|
aDefOpts.callback.call(this);
|
|
}
|
|
} ,aOpts.interval
|
|
);
|
|
}
|
|
);
|
|
}; |