到目前为止,我目前有一个可在Firefox上运行的计数器,但是我注意到当您在Google Chrome浏览器中打开它时,焦点不会自动出现在Firefox上。
有没有比iframe更好的解决方案?
代码:
var count = 0;
var myInterval;
// Active
window.addEventListener('focus', startTimer);
// Inactive
window.addEventListener('blur', stopTimer);
function timerHandler() {
count++;
document.getElementById("seconds").innerHTML = count;
}
// Start timer
function startTimer() {
console.log('focus');
myInterval = window.setInterval(timerHandler, 1000);
}
// Stop timer
function stopTimer() {
window.clearInterval(myInterval);
}
JSFiddle:http://jsfiddle.net/grbq7uzj/
我想要的是以下内容:
您只需输入网址即可访问网站,然后弹出网站,计数器开始计数。
在Firefox中的运行方式就像我上面所说的那样。
但是在谷歌浏览器中会发生这种情况: 输入网址并按Enter键后,网站会弹出,但计数器仍为0。当您更改选项卡一秒钟,然后转到带有计数器的选项卡时,它将开始计数。
所以我必须要有一个触发解决方案,该解决方案也必须在访问网站后开始计算。