Javascript 如何自动更改倒计时
我有一个月的倒计时脚本,所以当倒计时到零时,我该怎么做,然后它应该自动更改为下个月的新倒计时日期?不需要我自己每个月手动更改一次 它的javascriptJavascript 如何自动更改倒计时,javascript,jquery,html,Javascript,Jquery,Html,我有一个月的倒计时脚本,所以当倒计时到零时,我该怎么做,然后它应该自动更改为下个月的新倒计时日期?不需要我自己每个月手动更改一次 它的javascript <script type="text/javascript"> jQuery(document).ready( function($){ var newDate = new Date(2016, 4, 21); newDate.setHours(newDate.getHours() + 18
<script type="text/javascript">
jQuery(document).ready( function($){
var newDate = new Date(2016, 4, 21);
newDate.setHours(newDate.getHours() + 18);
$('#countdown-ex1').countdown({until: newDate});
});
</script>
jQuery(文档).ready(函数($){
var newDate=新日期(2016年4月21日);
newDate.setHours(newDate.getHours()+18);
$('#倒计时-ex1')。倒计时({until:newDate});
});
和Html
<div id="countdown-ex1" class="countdown countdown-large coming-soon divcenter bottommargin" style="max-width:700px;"></div>
与您的问题相关的唯一代码行是设置newDate变量的位置:
var newDate = new Date(2016, 4, 21);
应在函数外部设置。然后,当函数过期时,可以设置一个新值并再次运行该函数。此外,其中的数字也应为变量:
var yearIs=2016;
var monthIs=4;
var dayIs=12;
newDate = new Date(yearIs, monthIs, dayIs);
在本例中,您每月的某一天将是静态的,但该月将递增,以确保
newDate
在未来
您可以根据需要设置startDate
date,只是在过去不要设置得太远,这样可以为浏览器节省一些迭代次数
jQuery(文档).ready(函数($){
var now=新日期();
var startDate=新日期(2016年3月20日);
var newDate=新日期(起始日期);
while(newDate因此,您应该在DB中输入所需的日期。在模块中创建一个函数,获取下一个日期,并将其发送到控制器,在控制器中,您应该具有如下内容:
$this->load->model('event_model');
$next = $this->event_model->getNext()[0]->next_date;
$next_date = explode("/",$next);
$year = $next_date[0];
$month = $next_date[1];
$day = $next_date[2];
$data['date_year'] = $year;
$data['date_month'] = $month;
$data['date_day'] = $day;
在HTML中,您应该放置:
var newDate = new Date(<?php echo $date_year; ?>, <?php echo $date_month; ?>, <?php echo $date_day; ?>);
var newDate=新日期(,);
为了管理日期,您可以在admin或其他任何程序中手动删除日期,或者制作某种脚本来检查实际日期/时间,并删除日期传递的记录
仅此而已,希望它能有所帮助你的脚本如何知道下一个倒计时的确切结束时间?总是本月的21日吗?如果今天是22日,则是下个月的21日?下一个日期是随机的,我们可以添加任何我们喜欢的日期。是的,我知道,但我应该如何添加其他日期,以便自动更改为下一个m的新日期月和其他月份没有我手动设置日期,因为如果倒计时为零,它应该会自动更新为新日期。我认为您的问题是因为您当前的函数在页面加载时运行。因此无法再次调用它。您需要将整件事放入自己的函数中,并在页面加载时调用它。然后,当它运行时出去,设置一个新的日期,然后再次运行。我的编码没有问题,因为它工作正常,但我想知道如何添加其他编码,使其自动更改新日期,如果旧日期用完,则应在新日期内更新。谢谢,但这不是我想要的。因为我想保持我的编码,因为它工作正常,但我如何添加其他日期和其他数据在未来的日期可能是2周或3周,因为他们将是随机的日期设置。我想知道如何使我的编码自动更改其他日期,如果它完成倒计时结束,然后自动弹出新的日期。