javascript - jQuery TimeCircles 事件监听器范围

Question

我正在测试 here 中的 jquery 计时器“TimeCircles”我已经能够生成 30 分钟 的分/秒计时器，并在 25 分钟 发出警报，我正在尝试在 25 分钟 添加阈值事件>20 分钟，这会改变圆圈的颜色。

我不完全确定如何在实例化后访问 TimeCircles() 属性。我们像这样实例化:

$('#idle_timer').attr('data-timer',1800);
$('#idle_timer').TimeCircles({ time: { 
    Days: { show:false }, 
    Hours: { show:false }, 
    Minutes: { color: '#4D8DC1' }, 
    Seconds: { color: '#4D8DC1' } } })
  .addListener(
    function(unit,value,total) { 
        if (total == 1200) {  

            // CHANGE COLOUR OF TimeCircles HERE

        } else if (total == 1500) { 
            alert('Your session will expire in 5 minutes, you should save your work and / or reload the page.'); 
        } 
    } 
  );

在“total == 1200”的测试中，我如何访问分钟/秒颜色属性，例如两者都可以更改为红色？ $(this) 似乎不可用？

Answer 1

我能够与原始开发人员找到解决方案。部分问题是他的代码中没有考虑动态设置的 .data() 属性，该属性已更新。从那里开始很简单，只需添加一个监听器，然后在其中测试 total 值，然后实例化一个新实例，该实例将覆盖原始...

$( document ).ready(function() {
var idle_timer = $('div#idle_timer',window.parent.document);
idle_timer.data('timer',15);
idle_timer.TimeCircles({ time: { Days: { show:false }, Hours: { show:false }, Minutes: { color: '#4D8DC1' }, Seconds: { color: '#4D8DC1' } } })
.addListener(
    function(unit,value,total) { 
        if (total == 10) { 
            idle_timer.data('timer',10);
            idle_timer.TimeCircles({ time: { Days: { show:false }, Hours: { show:false }, Minutes: { color: '#900' }, Seconds: { color: '#900' } } })
        } else if (total == 5) { 
            alert('Your session will expire in 5 seconds, you should save your work and / or reload the page.');
        } 
    } 
);
});