JSFiddle - React, Tailwind, and code Playground

by Manoj07

HTML

<div class="ml-2">Time Remaining&emsp;<span id="remainingTime">24:00:00</span></div>
<div id="offer1">asdf</div>

JavaScript

var date = new Date;
        var s = date.getSeconds();
        var m = date.getMinutes();
        var h = date.getHours();
        setTimeout(function () {
            $('#offer1').fadeOut('fast');
            $('#remainingTime').fadeOut('fast');
        }, 8640000);
        function Timer(duration, display) {
            var timer = duration, hours, minutes, seconds;
            setInterval(function () {
                hours = parseInt((timer / 3600) % 24, 10)
                minutes = parseInt((timer / 60) % 60, 10)
                seconds = parseInt(timer % 60, 10);
                hours = hours < 10 ? "0" + hours : hours;
                minutes = minutes < 10 ? "0" + minutes : minutes;
                seconds = seconds < 10 ? "0" + seconds : seconds;
                display.text(parseInt(hours-h) + ":" + parseInt(minutes-m) + ":" + parseInt(seconds-s));
                --timer;
            }, 1000);
        }
        jQuery(function ($) {
            var twentyFourHours = 24 * 60 * 60;
            var display = $('#remainingTime');
            Timer(twentyFourHours, display);
        });
        var i =$("remainingTime").textContent;
        console.log(i);