Javascript jQuery Flipclock显示打印文本在间隔内重复功能

我和你一起工作

它工作得很好。 现在我有了修改时间按钮，如果我点击它，时间将更改为10秒，并将文本打印到

span

info。但为什么旧的计算值仍然出现？如何仅在10秒钟内（点击按钮）打印到

span

info，而不显示旧的计数值

$（'.modifytime'）。在（'click'，function（）上{
倒计时（10）；
});
功能倒计时（b）{
如果（b==未定义）{
a=15；
}否则{
a=10
}
时钟=$（'.clock'）。翻转时钟（a{
钟面：“分钟计数器”，
倒计时：没错，
自动启动：对，
回调：{
开始：函数（）{
$（'.message'）.html（'时钟已启动！'）；
},
间隔：函数（）{
var time=this.factory.getTime（）.time；
$（'.info'）.html（时间）；
},
停止：函数（）{
警报（“计数完成”）；
}
}
});
}
倒计时（）

修改
那个相当过时的库的文档似乎不再存在。但是，如果您查看Github中库的源代码，您可以看到有一个
stop（）
方法可以在实例上调用

要在单击按钮之间保留对实例的引用，可以将其存储在
数据
中
.clock
元素旁边，如下所示：


让$clock=$（'.clock'）；
$（'.modifytime'）。在（'click'，function（）上{
倒计时（10）；
});
功能倒计时（延迟）{
延迟=延迟| | 100；
//检查前一个实例并停止倒计时
让prevInstance=$clock.data（'flipclock'）；
如果（前置实例）
prevInstance.stop（）；
设clockInstance=$clock.FlipClock（延迟{
钟面：“分钟计数器”，
倒计时：没错，
自动启动：对，
回调：{
开始：函数（）{
$（'.message'）.html（'时钟已启动！'）；
},
间隔：函数（）{
var time=this.factory.getTime（）.time；
$（'.info'）.html（时间）；
}
}
});
//在元素元数据中保存新实例
$clock.data（'flipclock'，clockInstance）；
}
倒计时（）

修改
快速阅读源代码显示您可以
。在启动新时钟之前停止现有时钟：

clock.stop();

将其添加到倒计时（）函数中。该代码段包含第二个按钮，用于停止以显示此独立工作


$（'.modifytime'）。在（'click'，function（）上{
倒计时（10）；
});
$（.stop”）.on（“单击”，函数（）{clock.stop（）；}）；
无功时钟；
功能倒计时（b）{
如果（b==未定义）{
a=100；
}否则{
a=10
}
if（clock）clock.stop（）；
时钟=$（'.clock'）。翻转时钟（a{
钟面：“分钟计数器”，
倒计时：没错，
自动启动：对，
回调：{
开始：函数（）{
$（'.message'）.html（'时钟已启动！'）；
},
间隔：函数（）{
var time=this.factory.getTime（）.time；
$（'.info'）.html（时间）；
}
}
});
}
倒计时（）

修改
Stop
Hi刚才我用
Stop:function
进行了测试（你可以看到我上面更新的帖子）。为什么我单击按钮时它总是显示“计数完成”。它显示“计数完成”，因为您将其放入
stop
事件处理程序中。每次停止前一个计数器并启动新的计数器时，都会调用它。您好，如果删除/删除该元素，是否可能？因此，它将破坏元素，然后使用新计数器计数。当然，对现有元素调用
remove（）
，然后调用
append（）
一个新元素，确保重新初始化flipclock。请给出当前代码的示例？这将对我很有帮助。嗨，刚才我用
stop:function
测试了（你可以看到我上面更新的帖子）。为什么我点击按钮时总是显示“计数完成”。