Offset the timing of the pulsing animation
This commit is contained in:
parent
78b9428f4e
commit
69240d41b0
1 changed files with 6 additions and 4 deletions
|
@ -62,7 +62,8 @@ var configuratorApp = (function(){
|
||||||
therms_list = {},
|
therms_list = {},
|
||||||
total_config_lines,
|
total_config_lines,
|
||||||
total_config_adv_lines,
|
total_config_adv_lines,
|
||||||
hover_timer;
|
hover_timer,
|
||||||
|
pulse_offset = 0;
|
||||||
|
|
||||||
// Return this anonymous object as configuratorApp
|
// Return this anonymous object as configuratorApp
|
||||||
return {
|
return {
|
||||||
|
@ -142,12 +143,13 @@ var configuratorApp = (function(){
|
||||||
$('#message').prepend($err);
|
$('#message').prepend($err);
|
||||||
var baseColor = $err.css('color').replace(/rgba?\(([^),]+,[^),]+,[^),]+).*/, 'rgba($1,');
|
var baseColor = $err.css('color').replace(/rgba?\(([^),]+,[^),]+,[^),]+).*/, 'rgba($1,');
|
||||||
var d = new Date();
|
var d = new Date();
|
||||||
err.startTime = d.getTime();
|
err.pulse_offset = (pulse_offset += 200);
|
||||||
|
err.startTime = d.getTime() + pulse_offset;
|
||||||
err.pulser = setInterval(function(){
|
err.pulser = setInterval(function(){
|
||||||
d = new Date();
|
d = new Date();
|
||||||
var pulse_time = (d.getTime() - err.startTime);
|
var pulse_time = d.getTime() + err.pulse_offset;
|
||||||
$err.css({color:baseColor+(0.5+Math.sin(pulse_time/200)*0.4)+')'});
|
$err.css({color:baseColor+(0.5+Math.sin(pulse_time/200)*0.4)+')'});
|
||||||
if (pulse_time > 5000) {
|
if (pulse_time - err.startTime > 5000) {
|
||||||
clearInterval(err.pulser);
|
clearInterval(err.pulser);
|
||||||
$err.remove();
|
$err.remove();
|
||||||
}
|
}
|
||||||
|
|
Reference in a new issue