android 屏幕关闭 暂停,当屏幕超时时，setInterval在Android Browser / Mobile Safari中暂停...

private timerInfo:{

days?:number,

hours?:number,

minutes:number,

seconds:number

};

private startTime:Moment = moment();

private timerDuration:number = 20; // in minutes

private timerHandle:any;

ngOnInit() {

this.setVisibilityListener();

}

private setVisibilityListener():void {

var self = this;

var hidden, visibilityState, visibilityChange;

if (typeof document.hidden !== "undefined") {

hidden = "hidden";

visibilityChange = "visibilitychange";

visibilityState = "visibilityState";

}

var document_hidden = document[hidden];

document.addEventListener(visibilityChange, function () {

if (document_hidden != document[hidden]) {

if (document[hidden]) {

// Document hidden

console.log("document hidden");

} else {

// Document shown

console.log("document shown; setCountDownTimer()");

self.setCountDownTimer();

}

document_hidden = document[hidden];

}

});

}

private setCountDownTimer():void {

var self = this;

if (self.startTime) {

var startMoment = moment(self.startTime);

var endMoment = startMoment.add(self.timerDuration, "minutes");

console.log("endMoment: ", endMoment.toISOString());

self.clearTimer();

var eventTime = endMoment.unix();

var currentTime = moment().unix();

var diffTime = eventTime - currentTime;

var duration = moment.duration(diffTime * 1000, 'milliseconds');

var interval = 1000;

// if time to countdown

if (diffTime > 0) {

self.timerHandle = setInterval(() => {

self.zone.run(() => {

var diff = duration.asMilliseconds() - interval;

if (diff < 0) {

self.clearTimer();

self.timerComplete();

} else {

duration = moment.duration(duration.asMilliseconds() - interval, 'milliseconds');

self.timerInfo = {

days: moment.duration(duration).days(),

hours: moment.duration(duration).hours(),

minutes: moment.duration(duration).minutes(),

seconds: moment.duration(duration).seconds()

};

// console.log("timerInfo: ", JSON.stringify(self.timerInfo));

}

});

}, 1000);

} else {

self.timerComplete();

}

}

}

private clearTimer():void {

if (this.timerHandle) {

clearInterval(this.timerHandle);

this.timerHandle = null;

}

}