$(document).ready(function(e) {
$('#countdown').countdown({
until: date,
format: 'HMS',
labels: ['Years', 'Months', 'Weeks', 'Days', 'Hours', 'Minutes', 'Seconds'],
labels1: ['Year', 'Month', 'Week', 'Day', 'Hour', 'Minute', 'Second'],
onExpiry: function() {
$('#countdown').hide();
$('.reset-button').show();
}
});
});
我想要变量' date'要更新(点击,按时间等)。我怎么能这样做?
这是一个application.js.erb文件。这意味着JS和Ruby变量都受欢迎。
答案 0 :(得分:0)
var date, year, month, day
$(document).ready(function(e) {
date = new Date();
if (date.getHours() > 22) {
date.setDate(date.getDate()+1)
}
year = date.getFullYear();
month = date.getMonth();
day = date.getDate();
$('#countdown').countdown({
until: new Date(year, month, day, 22, 00, 00),
format: 'HMS',
labels: ['Years', 'Months', 'Weeks', 'Days', 'Hours', 'Minutes', 'Seconds'],
labels1: ['Year', 'Month', 'Week', 'Day', 'Hour', 'Minute', 'Second'],
onExpiry: function() {
$('#countdown').hide();
$('.reset-button').show();
}
});
});
我找到了解决方案。请注意,您必须多次使用JavaScript变量。如果你使用Ruby,那么当浏览器刷新时它不会刷新,因为变量来自服务器(缓存)。