input değeri 100 olunca Geri sayım başlatma

Question

Merhabalar,

konuya başlamadan önce internette bir çok örnek mevcut fakat hiç biri tam istediğim  gibi değil ve birinden yola çıkarak özelleştirme işlemi yapamadım.

yapmak istediğim şu benim bir inputum var. Oran bazında değer veriyor eğer bu inputtaki değerim %100 olunca yani değeri 100 olunca geri sayım başlatmak istiyorum bu geri sayımı veritabanından gün dakika saniye olarak çekeceğim. bu geri sayım bittikten sonra ise bir tane butonun clasını hidden yapacağım. Acaba nasıl bir yol izlemeliyim javascript ile denedim fakat pek bilgim yok javascript ile yardımcı olabilecek var mı?

Asp.net Core3 Mvc kullanıyorum.

Şimdiden teşekkür ediyorum.

İyi çalışmalar herkese.

Answer 1

   <script>

        if ( @Model.IhaleKatilimOrani>= 100) {

            var countDownDate = new Date("Jan 5, 2020 15:37:25").getTime();

            var x = setInterval(function () {


                var now = new Date().getTime();


                var distance = countDownDate - now;


                var days = Math.floor(distance / (1000 * 60 * 60 * 24));
                var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
                var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
                var seconds = Math.floor((distance % (1000 * 60)) / 1000);


                document.getElementById("demo").innerHTML = days + " Gün " + hours + " Saat "
                    + minutes + " Dakika " + seconds + " Saniye ";


                if (distance < 0) {
                    clearInterval(x);
                    document.getElementById("demo").innerHTML = "İhale Bitmiştir. Kazanan şanslı üyemizi açıklayacağız.";
                    document.getElementById("TeklifButton").className = "hidden";
                    document.getElementById("TeklifTextBox").className = "hidden";

                }
            }, 1000);

        }
        else {
            document.getElementById("demo").innerText = "İhalemiz Devam Etmektedir.";
        }
    </script>

çözümü bu şekilde buldum.

Answer 2

5 Ocak 2020 buyulu galiba. Moment kütüphanesini kullanmak isteyebilirsiniz. Kodun veritabanıyla ilgisi de yok gibi gorunuyor.

---

How to create a Minimal, Reproducible Example
The way to Go.
World's most advanced open source (object-) relational Database.
Flutter (for mobile, for web & desktop.

Answer 3

:) evet evet demek isterdim fakat 5 ocak dediğim geri sayımın testini yapıyordum öyle kalmış buraya atarken :) kusura bakmayın,

Momenti inceleyeceğim link paylaşabilir misiniz?

Kod veri tabanı ile 2 şekilde bağlı fakat burada 1 isini görebilirsiniz.

İlk if bloğunda @Model.IhaleKatilimOrani ile veritabanından değer çekmektedir.

ikincisi ise ikinci if bloğunun içinde sayaç sıfırlanınca Ajax post methodu ile controller'a veri göndererek update işlemi yapmaktadır.

Saygılarımla

Answer 4

Moment

---

How to create a Minimal, Reproducible Example
The way to Go.
World's most advanced open source (object-) relational Database.
Flutter (for mobile, for web & desktop.