• 01-08-2022, 19:44:03
    #1


    Evet ; setTimeout() ile delay yapılıyor ama sadece delay bir gif veya hesaplanıyor v.b yapamadım. Yardımcı olursanız örnek atarsanız sevinirim.
    Arkadaşlar örnek bir hesaplama kodlama ;

    <h1>Javascript Basit Hesap Makinesi</h1>
        
        <label>Küçük sayı : </label>
        <input type="number" id="sayi1">
    
        <select id="islem">
            <option value="topla">+</option>
            <option value="cikar">-</option>
            <option value="carp">*</option>
            <option value="bol">/</option>
        </select>
    
        <label>Büyük sayı : </label>
        <input type="number" id="sayi2">
    
        <button id="buton">Sonucu Bul</button>
    
        <div id="sonuc"></div>
        
        <script>
            var sonuc;
            function hesapla(){
                var sayi1=document.getElementById("sayi1").value;
                var sayi2=document.getElementById("sayi2").value;
                var islem=document.getElementById("islem").value;
        
                var s1 = Number(sayi1);
                var s2 = Number(sayi2);
    
                if(islem == 'topla')
                    sonuc = s1 + s2;
                else if(islem == 'cikar')
                    sonuc = s1 - s2;
                else if(islem == 'carp')
                    sonuc = s1 * s2;
                else
                    sonuc = s1 / s2;
    
                document.getElementById("sonuc").innerHTML = "Sonuc : " + sonuc;
            }
    
            var hesaplaBtn=document.getElementById("buton");
            hesaplaBtn.onclick=hesapla;
    
        </script>
  • 01-08-2022, 19:48:19
    #2
    Misafir
    jquery yoksa jquery ekle bu kodu çalıştırmak için
    $('#buton').click(function(event) {
                    $('body').append('<span class="loading_text">Hesaplanıyor</span>') // body yerine .class vererek istediğin yere ekleyebilirsin.
                });
    • Caxing
    • HasanAYT
    Caxing ve HasanAYT bunu beğendi.
    2 kişi bunu beğendi.
  • 01-08-2022, 21:23:14
    #3
    Misafir
    2 şekilde yapılabilir. Hesaplama süresi manuel olarak ayarlanabilir, ardından sonuç gösterilir veya hesaplama süresini otomatik olarak ayarlanabilir, işlem hesaplandığında sonuç gösterilir. Butonu dom yöntemiyle seçerek aktivasyonlara göre innerText değeri vererek ayarlayabilirsiniz.
    • HasanAYT
    HasanAYT bunu beğendi.
    1 kişi bunu beğendi.
  • 01-08-2022, 22:53:08
    #4
    Misafir adlı üyeden alıntı: mesajı görüntüle
    2 şekilde yapılabilir. Hesaplama süresi manuel olarak ayarlanabilir, ardından sonuç gösterilir veya hesaplama süresini otomatik olarak ayarlanabilir, işlem hesaplandığında sonuç gösterilir. Butonu dom yöntemiyle seçerek aktivasyonlara göre innerText değeri vererek ayarlayabilirsiniz.
    Misafir adlı üyeden alıntı: mesajı görüntüle
    jquery yoksa jquery ekle bu kodu çalıştırmak için
    $('#buton').click(function(event) {
                    $('body').append('<span class="loading_text">Hesaplanıyor</span>') // body yerine .class vererek istediğin yere ekleyebilirsin.
                });
    Arkadaşlar öncelikle ilginiz için teşekkürler. Sabahtan beri diğer işler bu falan derken başım çok ağrıdı şuan direk ekledim ama hata alıyorum. Rica etsem müsait bir zamanınızda örnek üzerinden verebilir misiniz ? (Acelesi yok.) Tekerar teşekkürler.
  • 01-08-2022, 23:05:17
    #5
    Şöyle bir şey denemedim de pek kullanıcı dostu olmadı

    
        <style>
          .gizlee{
            display: none;
          }
        </style>
    
        <button id="butondeneme">Buton</div>
        <img src="https://media1.giphy.com/media/Y0bTs4783RaAPUWCSX/giphy.gif?cid=ecf05e471omcy4mnk4cqa5jbkpww9zvaoz5dpv6ljbcdis48&rid=giphy.gif&ct=g" class="gizlee" id="gifornek">
    
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script>
          $.fn.center = function () {
            this.css("position","absolute");
            this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) + $(window).scrollTop()) + "px");
            this.css("left", Math.max(0, (($(window).width() - $(this).outerWidth()) / 2) + $(window).scrollLeft()) + "px");
            return this;
          }
    
          $("#butondeneme").on("click", function(){
            $("#gifornek").fadeIn().center();
            setTimeout(function(){
              $("#gifornek").fadeOut()
            }, 1000);
          });
        </script>