JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script>
<div class="countdown"></div>
<div class="countdown1"></div>
<div class="t0 timer">400</div>
<div class="t1 timer">22</div>
<div class="t2 timer">554</div>
<div class="t3 timer">421</div>
<div class="t4 timer">332</div>
<div class="t5 timer">1114</div>

JavaScript

$('div.timer').each(function () {
    var period = $(this).text();
    var tag = this.className.split(" ")[0];
    var duration = moment.duration(period * 1000, 'milliseconds');
    var interval = 1000;
    console.log(tag);
    console.log(duration);
    console.log(interval);
    setInterval(function () {
        duration = moment.duration(duration - interval, 'milliseconds');
        if (duration.as('seconds') <= 390){
            $('.' + tag).css({"color": "red"});
        }
        if (duration.as('seconds') <0){
            $('.' + tag).text("DUE!!!!");
        } else {
        	$('.' + tag).text(duration.hours() + ":" + duration.minutes() + ":" + duration.seconds());
        }
    }, interval);
});