Javascript 倒计时,设置日期有问题
我目前正在通过库使用倒计时,具体来说-Javascript 倒计时,设置日期有问题,javascript,jquery,html,css,countdowntimer,Javascript,Jquery,Html,Css,Countdowntimer,我目前正在通过库使用倒计时,具体来说-flipclockjs。现在,我可以让它正常工作,并在使用Interval时正确倒计时,但当尝试使用setDate之类的工具时,我总是失败,它根本不起作用 我很抱歉,如果这是一个nooby问题,对这类事情来说还是比较新的。非常感谢您的帮助,谢谢 这是我的密码: <html> <head> <link rel="stylesheet" href="../compiled/flipclock.css"> <
flipclockjs
。现在,我可以让它正常工作,并在使用Interval时正确倒计时,但当尝试使用setDate
之类的工具时,我总是失败,它根本不起作用
我很抱歉,如果这是一个nooby问题,对这类事情来说还是比较新的。非常感谢您的帮助,谢谢
这是我的密码:
<html>
<head>
<link rel="stylesheet" href="../compiled/flipclock.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="../compiled/flipclock.js"></script>
</head>
<body>
<div class="clock" style="margin:2em;"></div>
<div class="message"></div>
<script type="text/javascript">
var clock;
$(document).ready(function() {
var clock;
clock = $('.clock').FlipClock({
clockFace: 'DailyCounter',
autoStart: false,
callbacks: {
stop: function() {
$('.message').html('The clock has stopped!')
}
}
});
clock.setTime(220880);
clock.setCountdown(true);
clock.start();
});
</script>
</body>
无功时钟;
$(文档).ready(函数(){
无功时钟;
时钟=$('.clock')。FlipClock({
钟面:“DailyCounter”,
自动启动:错误,
回调:{
停止:函数(){
$('.message').html('时钟已停止!')
}
}
});
时钟设置时间(220880);
时钟设置倒计时(真);
clock.start();
});
您可以启动一个日期,然后获取该日期与当前日期之间的秒差,然后启动通过差异值的FlipClock
var-clock=$('.clock').FlipClock(diff,{…})代码>
$(文档).ready(函数(){
var d=新日期();
d、 设置日期(d.getDate()+2);
var curd=新日期();
var diff=(d.getTime()-curd.getTime())/1000;//除以1000以秒为单位转换毫秒
变量时钟=$('.clock')。翻转时钟(不同{
钟面:“DailyCounter”,
自动启动:对,
倒计时:没错,
回调:{
停止:函数(){
$('.message').html('时钟已停止!')
}
}
});
});代码>
clock对象上可能没有像setDate这样的方法。请检查浏览器控制台中的错误。如果您看到FlipClock.js的文档,clock将返回FlipClock对象。而且它不允许您使用setDate()方法