$(function () {
    // coundown timer
    $(".future_date").each(function () {
        $(this).countdowntimer({
            dateAndTime: "2029/01/01 00:00:00",
            size: "sm",
            labelsFormat: true,
            timeUp: function () {
                $('.countdowntimer').each(function () {
                    $(this).html("<p class ='timesup_text position-absolute bg-warning p-2 rounded text-dark'>پیشنهاد ویژه این محصول به پایان رسیده!</p>")
                })
                $(".offers-overlay").addClass(" w-100 h-100 position-absolute");
            }
        });
    });

سلام دوستان این  کدهایی هست که من برای ساختار تایمر در پروژه استفاده کردم و از پلاگین جی کوئری که استاد معرفی     کردند استفاده کردم که یه خورده کار باهاش بهتر هست

<div id="countdowntimer" class="countdowntimer mt-3 text-center"><span id="future_date " class="future_date d-block text-danger text-center mr-5"></span></div>

  .timesup_text {
    z-index: 2;
    top: 117px;
    right: -128px;
  }

امیدوارم مفید باشه