1

Всем привет! С jquery знаком не очень близко, в основном использую для анимаций, всяких аккордионов и пр. В общем, есть такая задача: Имеем число, к примеру 200. Нужно сделать так, чтобы каждые новые сутки начальное число увеличивалось на +1. Т.е. так, чтобы через 30 дней было не 200, а 230. Я прекрасно понимаю, что это практически не сложно, но к сожалению, не имел пока такой практики. Заранее благодарю вас.

5
  • Храните число в базе (текстовом файле), раз в сутки инкрементируйте кроном. Делать такие вещи на клиенте -> Bad practice ;(
    – ferrari
    5 мар 2014 в 13:37
  • Поковырялся с кодом, который предоставил DreamChild, в общем проблема в том, что если поставить, к примеру, дату 12/12/2013, то на выходе ничего не происходит, просто NaN. Я так понял, что сравнение идет только с числом, но ни как не связанно с месяцем и годом. А мне нужно поставить дату с 13 апреля 2013 года. Я так понял, что на jquery это не реально сделать. 5 мар 2014 в 18:07
  • 1
    @vovanzo, ничего ты не понял. var startDate = new Date('12/12/2013').getTime() / 86400;
    – VenZell
    5 мар 2014 в 18:16
  • jsfiddle.net/C2ybQ/1
    – ferrari
    5 мар 2014 в 18:38
  • @Олег Б Хороший пример, спасибо. Но мои знания не совсем позволяют разобраться с этим кодом(( Я не понимаю относительно какой даты идет отсчет? Как сделать от конкретной даты, интересно. 5 мар 2014 в 20:17

3 ответа 3

4

Если хотите все делать на клиенте, то сделайте что-нибудь такое:

<input type='hidden' value = '02/01/2014' id='startDate' />
<input type='hidden' value = '100' id='startCounter' />

$().ready(    
function() {               
    var day = 24*60*60*1000
    var firstDate = new Date($('#startDate').val());  
    var secondDate = new Date();
    var startCounter = $('#startCounter').val();
    var daysPassed = Math.round(Math.abs((firstDate.getTime() - secondDate.getTime())/(day))  - 1);

    alert(daysPassed + parseInt(startCounter));
});
11
  • Спасибо большое! Вот только вопрос, как мне результат daysPassed + parseInt(startCounter)впихнуть в блок div в параграф p? 5 мар 2014 в 15:38
  • Так надо? $('div p').text(daysPassed + parseInt(startCounter));
    – VenZell
    5 мар 2014 в 15:40
  • Если вам подошло, то создайте на странице любой элемент скажем: <div class="counter__result"></div> и на результат ему таким образом: $('.counter__result').text(daysPassed + parseInt(startCounter));
    – ferrari
    5 мар 2014 в 15:41
  • >Вот только вопрос, как мне результат daysPassed + parseInt(startCounter) впихнуть в блок div в параграф p? ну уж хоть с этим-то сами разберитесь, элементарно ведь
    – DreamChild
    5 мар 2014 в 15:44
  • 2
    >Я так понял, что сравнение идет только с числом, но ни как не связанно с месяцем и годом. А мне нужно поставить дату с 13 апреля 2013 года. Я так понял, что на jquery это не реально сделать Не говорите ерунды, все нормально работает: [пример][1]. Вы скорее всего неправильно пишете дату [1]:jsfiddle.net/LS3jK/2
    – DreamChild
    5 мар 2014 в 18:15
4

С использованием плагина jquery-cookie:

function daysPassed(startTime) {
    return Math.floor(((new Date().getTime() / 86400) - startTime));
}
var startValue = 200;
var startTime = new Date().getTime() / 86400;
if (typeof $.cookie('startTime') === 'undefined') {
    $.cookie('startTime', startTime);
} else {
    startTime = $.cookie('startTime');
}
setInterval(function() {
    console.log(startValue + daysPassed(startTime));
}, 86400);

Посмотреть пример (значение меняется каждые 5 сек)

-3
$(document).ready(function () {
var num = 1;
setInterval(function () {
    num++;
    $(".number").html(num);
}, 24*60*60*1000);
});

http://jsfiddle.net/UY6Q7/13/

5
  • 24 часа * 60 мин * 60 секунд, где 1000 - это одна секунда? 5 мар 2014 в 12:12
  • хорошо хоть не sleep(24*60*60*1000) (да, я в курсе, что в JS нет sleep)
    – DreamChild
    5 мар 2014 в 12:12
  • setInterval устанавливается в миллисекундах, поэтому 24 часа * 60 минут * 60 секунд * 1000 миллисекунд
    – Heidel
    5 мар 2014 в 12:13
  • @DreamChild а как надо? )
    – Heidel
    5 мар 2014 в 12:22
  • Так, я понял, что это мне не совсем подходит, т.к. нужно чтобы именно каждый новый календарный день добавлялось +1. Как это реализовать? 5 мар 2014 в 12:35

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.