JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parcelas">
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</div>
<div id="legenda">
    <div>dias</div>
    <div>horas</div>
    <div>minutos</div>
    <div>segundos</div>
</div>

CSS

#parcelas, #legenda {
    float: left;
    clear: both;
}
#parcelas div {
    float: left;
    border: 1px solid #ccf;
    padding: 50px 0px;
    width: 100px;
    text-align: center;
}
#legenda div {
    float: left;
    border: 1px solid #ccf;
    width: 100px;
    text-align: center;
}

JavaScript

var data = '2016/02/28';
var falta = (new Date(data).getTime() - new Date().getTime()) / 1000;
var segundos = Math.round(falta % 60);
var minutos = Math.round(falta / 60 % 60);
var horas = Math.round(falta / 60 / 60 % 24);
var dias = Math.round(falta / 60 / 60 / 24);
var divs = document.querySelectorAll('#parcelas div');

setInterval(function () {
    if (segundos == 0) {
        segundos = 60;
        minutos--;
    }
    if (minutos == 0) {
        minutos = 60;
        horas--;
    }
    if (horas == 0) {
        horas = 24;
        dias--;
    }
    segundos--;
    var contador = [dias, horas, minutos, segundos].forEach(function (parcela, i) {
        divs[i].innerHTML = parcela;
    });

}, 1000);