Javascript 除其他外,Hilios倒数计时器

Javascript 除其他外,Hilios倒数计时器,javascript,jquery,timer,countdown,Javascript,Jquery,Timer,Countdown,我想知道,是否有这样一种方法,可以编辑Hilios倒计时计时器,如下所述: 我有一个函数,它可以正常工作,从日期开始倒计时(我想标记,我在单个视图中有几个日期,其中使用了计时器,所以我必须使用每个函数): 问题来了。由于该脚本以“静态方式””——我所说的静态方式——工作,它从html获取日期,并在加载脚本时将其传递到脚本中 我的应用程序动态运行,因此日期也会动态更改 所以问题是:有没有这样一种方法来编辑这个脚本,处理动态数据-当网站上的一些数据更新时,它也会在倒计时中更新这些数据 致以最良好的祝

我想知道,是否有这样一种方法,可以编辑Hilios倒计时计时器,如下所述:

我有一个函数,它可以正常工作,从日期开始倒计时(我想标记,我在单个视图中有几个日期,其中使用了计时器,所以我必须使用每个函数):

问题来了。由于该脚本以“静态方式””——我所说的静态方式——工作,它从html获取日期,并在加载脚本时将其传递到脚本中

我的应用程序动态运行,因此日期也会动态更改

所以问题是:有没有这样一种方法来编辑这个脚本,处理动态数据-当网站上的一些数据更新时,它也会在倒计时中更新这些数据

致以最良好的祝愿!PS.

请退房

//选择将观察到突变的节点
var targetNode=document.getElementById('some-id');
//观察者选项(要观察哪些突变)
变量配置={
属性:正确,
attributeFilter:['data-timer'],
属性值:true,
};
//观察到突变时执行的回调函数
var callback=函数(mutationsList){
for(突变列表的var突变){
console.log('CHANGED',mutation.oldValue);
}
};
//创建链接到回调函数的观察者实例
var observer=新的MutationObserver(回调);
//开始观察目标节点是否存在已配置的突变
observer.observe(targetNode,config);
//稍后,你可以停止观察
//observer.disconnect()
你好

change
我认为您需要在html中添加onchange方法。Reference-onChange不起作用,因为它看不到html的div值的更改,该值包含日期:

那么该值在哪里更改?您必须从后端/某处获取它,然后在UI上更新它,对吗?你不能调用这个方法在那里更新吗?编辑:所以在javascript端应该有你们正在阅读的pusher事件,你们应该在里面写这样的方法。这就是我正在做的。每当出现新数据时,Pusher就会更新html元素中“DATA-COUNTDOWN”属性的值。但问题是,Hilios倒计时计时器似乎获取了首先出现的值,将该值放入某种缓存,如果出现新值,则忽略新值…看起来很酷,但日期更改没有任何按钮,我使用pusher从数据库中推送最新数据。“pusher”是什么?示例中给出的按钮仅用于演示目的。您可以通过OK更改js中的属性,但倒计时插件似乎有问题,它会缓存它作为第一个获取的日期,并且任何其他日期都不会被接受(只是被插件忽略)。
$('[data-countdown]').each(function() {
    var $this = $(this);
    var finalDate = $(this).data('countdown');
    $this.countdown(finalDate, function(event) {
        $this.html(event.strftime('%D days %H:%M:%S'));
    });
});