javascript - 如何自动更改倒计时

标签 javascript jquery html

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

它的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>

和HTML

<div id="countdown-ex1" class="countdown countdown-large coming-soon divcenter bottommargin" style="max-width:700px;"></div>

最佳答案

所以你应该在数据库中输入所需的日期。在模块中创建一个获取下一个日期的函数,将其发送到 Controller ,在 Controller 中你应该有这样的东西:

    $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; ?>);

要管理日期,您可以在管理员或其他任何地方手动删除,或者制作某种脚本来检查实际日期/时间并删除该日期过去的记录。

就这些,希望对你有帮助

关于javascript - 如何自动更改倒计时,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37858205/

相关文章:

javascript - 使用 Javascript 在带有自定义磁贴的新浏览器选项卡中打开 PDF blob 文件

javascript - 在网站 Bootstrap 上更改容器的背景颜色

javascript - ChartJS AJAX 加载标签和数据

javascript - 从 Ext JS 4.2 调用 aspx 时遇到问题

javascript - Android提交使用jquery的https登录表单

jquery 检查 xml 元素是否有子元素?

javascript - Chrome/Firefox 5 中的 head.js 和 jQuery 问题

html - 移动设备宽度不缩小

javascript - ThreeJS 立方体未显示

javascript - 嵌套排序动态项目不折叠