0x2620/oxjs
2
0
Fork 1
Code Issues 172 Pull requests Releases Wiki Activity

update loading icon

Browse source
This commit is contained in:
rlx 2012-05-24 13:43:46 +00:00
parent 4b454790d5
commit e5b46da0d5
1 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
source/Ox.UI/js/Core/Ox.LoadingIcon.js
View file

@ -30,16 +30,20 @@ Ox.LoadingIcon = function(options, self) {
() -> <f> Loading Icon Element () -> <f> Loading Icon Element
@*/ @*/
that.start = function() { that.start = function() {
var deg = 0; var css, deg = 0, previousTime = +new Date();
if (!self.loadingInterval) { if (!self.loadingInterval) {
self.loadingInterval = setInterval(function() { self.loadingInterval = setInterval(function() {
deg = (deg + 30) % 360; var currentTime = +new Date(),
delta = (currentTime - previousTime) / 1000;
previousTime = currentTime;
deg = Math.round((deg + delta * 360) % 360 / 30) * 30;
css = 'rotate(' + deg + 'deg)';
that.css({ that.css({
OTransform: 'rotate(' + deg + 'deg)', OTransform: css,
MozTransform: 'rotate(' + deg + 'deg)', MozTransform: css,
WebkitTransform: 'rotate(' + deg + 'deg)' WebkitTransform: css
}); });
}, 83) }, 83);
that.animate({opacity: 1}, 250); that.animate({opacity: 1}, 250);
} }
return that; return that;