Olá pessoal, tenho um código em JavaSscript que é uma contagem regressiva (vc coloca a data final no arquivo e ele mostra na tela quanto tempo falta até o dia que vc colocou)… porém eu gostaria de fazer uma alteração nele, eu queria que essa contagem regressiva fosse sempre de 30 minutos, não queria colocar uma data específica… eu até já achei um script na internet que fazia isso mas ai eu não consegui adaptar no site, por isso pensei em adaptar o script que já está arrumado mas sozinho já tentei e não consegui, se alguém puder me ajudar agradeço…
segue os scripts:
na página index.php tem isso:
<div class="container countdown-cont align-center">
<div class="daysCountdown" title="Dias"></div>
<div class="hoursCountdown" title="Horas"></div>
<div class="minutesCountdown" title="Minutos"></div>
<div class="secondsCountdown" title="Segundos"></div>
<div class="countdown pt-5 mt-2" data-due-date="2019/11/15"> <!-- é aqui q tenho q ficar alterando a data mas eu queria que fosse somente de 30 minutos a contagem -->
</div>
</div>
e no jquery.countdown.min.js tem isso:
var isBuilder = $('html').hasClass('is-builder');
function initCountdown() {
$(".countdown:not(.countdown-inited)").each(function() {
$(this).addClass('countdown-inited').countdown($(this).attr('data-due-date'), function(event) {
var $days = $(event.target).closest('.countdown-cont').find('div.daysCountdown').attr('title');
var $hours = $(event.target).closest('.countdown-cont').find('div.hoursCountdown').attr('title');
var $minutes = $(event.target).closest('.countdown-cont').find('div.minutesCountdown').attr('title');
var $seconds = $(event.target).closest('.countdown-cont').find('div.secondsCountdown').attr('title');
$(this).html(
event.strftime([
'<div class="row">',
'<div class="col-xs-3 col-sm-3 col-md-3">',
'<span class="number-wrap">',
'<span class="number display-2">%D</span>',
'<span mbr-text class="period display-7">',$days,'</span>',
'<span class="dot">:</span>',
'</span>',
'</div>',
'<div class="col-xs-3 col-sm-3 col-md-3">',
'<span class="number-wrap">',
'<span class="number display-2">%H</span>',
'<span mbr-text class="period display-7">',$hours,'</span>',
'<span class="dot">:</span>',
'</span>',
'</div>',
'<div class="col-xs-3 col-sm-3 col-md-3">',
'<span class="number-wrap">',
'<span class="number display-2">%M</span>',
'<span mbr-text class="period display-7">',$minutes,'</span>',
'<span class="dot">:</span>',
'</span>',
'</div>',
'<div class="col-xs-3 col-sm-3 col-md-3">',
'<span class="number-wrap">',
'<span class="number display-2">%S</span>',
'<span mbr-text class="period display-7">',$seconds,'</span>',
'</span>',
'</div>',
'</div>'
].join(''))
);
});
});
$(".countdown:not(.countdown-inited)").each(function() {
$(this).countdown($(this).attr('data-due-date'), function(event) {
$(this).text(
event.strftime('%D days %H:%M:%S')
);
});
});
};
function changeCountdown(card, value) {
var $reg = /\d\d\d\d\/\d\d\/\d\d/g,
$target = $(card).find('.countdown');
if (value.search($reg) > -1) {
$target.removeClass('countdown-inited');
initCountdown();
}
}
if (isBuilder) {
$(document).on('add.cards', function(event) {
if ($('.countdown').length != 0) {
initCountdown();
}
}).on('changeParameter.cards', function(event, paramName, value) {
if (paramName === 'countdown') {
changeCountdown(event.target, value);
}
});;
} else {
if ($('.countdown').length != 0) {
initCountdown();
};
}