Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何自动更改倒计时_Javascript_Jquery_Html - Fatal编程技术网

Javascript 如何自动更改倒计时

Javascript 如何自动更改倒计时,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

我有一个月的倒计时脚本,所以当倒计时到零时,我该怎么做,然后它应该自动更改为下个月的新倒计时日期?不需要我自己每个月手动更改一次

它的javascript

<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周,因为他们将是随机的日期设置。我想知道如何使我的编码自动更改其他日期,如果它完成倒计时结束,然后自动弹出新的日期。