JavaScript önceden tanımlanmış bir “ clearTimeout ()” zaman aşımı işlevini yöneten yöntem. Kullanıcıların daha önce “ tarafından belirlenen zaman aralığını iptal etmesine olanak tanır. setTimeout ()' işlev. Belirli bir zaman aralığından sonra tekrarlanan kod bloğunun yürütülmesini durdurur. Çoğunlukla bankacılık ve e-ticaret web sitelerinde zamanlanmış görevleri iptal etmek için kullanılır.
Bu yazıda JavaScript clearTimeout() fonksiyonunun nasıl ele alınacağı açıklanacaktır.
JavaScript “clearTimeout()” Fonksiyonu Nasıl Kullanılır?
“ clearTimeout ()” fonksiyonu, “ yardımıyla daha önce ayarlanan zaman aralığını iptal eder. setTimeout ()' işlev. “ setTimeout ()” işlevi, belirli bir görevin içinde tekrar tekrar gerçekleştirileceği zaman aralığını ayarlar.
Sözdizimi
Çalışması ' clearTimeout ()” yöntemi, aşağıda yazılan temel sözdizimine bağlıdır:
clearTimeout ( id_of_settimeout )
Yukarıdaki sözdizimine göre, “ clearTimeout ()” “ alır İD ''in' setTimeout ()” fonksiyonunu kullanır ve zaman aralığını durdurur. Kullanıcı kimliği iletmezse hiçbir şey yapmaz.
Yukarıda tanımlanan fonksiyonun temel sözdizimini kullanarak uygulayalım.
Örnek 1: Ayarlanan Zaman Aralığını Durdurmak için “clearTimeout()” Fonksiyonunun Uygulanması
İlk örnek şu şekilde uygulanır: clearTimeout ()” fonksiyonu ayarlanan zaman aralığını durdurmak için kullanılır.
İlk önce aşağıdaki HTML koduna bakın:
< merkez >< P > 2 saniye bekleyin, sayfada bir başlık görüntülenecektir. < / P >
< h2 İD = 'H2' >< / h2 >
< düğme tıklamada = 'durmak()' > İnfazı Durdurun! < / düğme >
< / merkez >
Yukarıdaki kod satırlarında:
- “< merkez >” etiketi, verilen HTML öğelerinin hizalamasını web sayfasının ortasına ayarlar.
- “< P >” etiketi bir paragraf ifadesini belirtir.
- “< h2 >” etiketi, “ kimliğine sahip boş bir başlık öğesidir H2 ”.
- “< düğme >” etiketi, “ öğesini çağıran düğme öğesini ekler. durmak ()” işlevi eklendiğinde “ tıklamada ” olayı tetiklenir.
Daha sonra “ clearTimeout Belirtilen kod bloğunu kullanan ()” işlevi:
< senaryo >yapı ayarlanan zaman = setTimeout ( başlangıç , 2000 ) ;
işlev başlangıç ( ) {
belge. getElementById ( 'H2' ) . içHTML = 'Linuxhint'e hoş geldiniz!'
}
işlev durmak ( ) {
clearTimeout ( ayarlanan zaman ) ;
}
senaryo >
Yukarıdaki kod parçacığında:
- “ ayarlanan zaman ” değişkeni “ uygular setTimeout ()' işlevini geçen ' başlangıç ” işlevi ilk parametresi ve belirtilen “ milisaniye sayısı ”ikinci parametre olarak. Bu işlev “ başlangıç ” işlevi belirli bir zaman aralığında.
- Daha sonra, “ başlangıç ()' işlev.
- Bu fonksiyonda “ document.getElementById ID’si “” olan boş başlık elemanına erişim için ()” yöntemi uygulanır. H2 ”ve onu verilen metin ifadesine ekleyin.
- Bundan sonra “ durmak ()” fonksiyonu tanımlanır ve bu fonksiyon “ clearTimeout ()” yöntemi “kimliğini iletir” setTimeout ()” fonksiyonunu kullanarak zaman aralığını durdurabilirsiniz.
Çıkış (Yürütmeyi Durdurmadan Önce)
Artık çıktı, “ aracılığıyla ayarlanan zaman aralığını durdurmadan önce belirli bir zaman aralığında bir başlık öğesini gösterir. setTimeout ()' yöntem.
Çıkış (Yürütmeyi Durdurduktan Sonra)
Belirtilen düğmeye tıklama, başlık öğesinin görüntülenmesi için ayarlanan zaman aralığını durdurur.
Örnek 2: Bir Fonksiyonu Durdurmak için “clearTimeout()” Fonksiyonunu Uygulamak
Bu örnekte “ clearTimeout Bir işlevin yürütülmesini durdurmak için ()” işlevi:
İlk önce sağlanan HTML kodunu inceleyin:
< merkez >< düğme tıklamada = 'başlangıç()' > Sayımı başlat! < / düğme >
< giriş tip = 'metin' İD = 'alan' >
< düğme tıklamada = 'durmak()' > Sayımı durdurun! < / düğme >
< / merkez >
Yukarıdaki kod bloğunda:
- “< düğme >” etiketi “ tıklamada Tıklandığında “start()” fonksiyonunu çağıracak olay.
- “< giriş >” etiketi “ türünde bir giriş alanı ekler metin ” ve bir kimlik “alanı”.
- Sonraki “< düğme >” aynı zamanda “ tıklamada ” olayını çağırmak için “ durmak ()” işlevi bu olay tetiklendiğinde kullanılır.
Şimdi “uygula” clearTimeout ()” işlevi şu kod satırlarını kullanarak:
< senaryo >karşı koymaya izin ver = 0 ;
izin ver ayarlayalımZaman ;
timer_on'a izin ver = 0 ;
işlev saymak ( ) {
belge. getElementById ( 'alan' ) . değer = tezgah ;
tezgah ++;
ayarlanan zaman = setTimeout ( saymak , 1000 ) ;
}
işlev başlangıç ( ) {
eğer ( ! zamanlayıcı açık ) {
zamanlayıcı açık = 1 ;
saymak ( ) ;
}
}
işlev durmak ( ) {
clearTimeout ( ayarlanan zaman ) ;
zamanlayıcı açık = 0 ;
}
senaryo >
Yukarıdaki kod satırlarında:
- Öncelikle “ izin vermek ” anahtar kelime üç değişken bildirir “ sayaç”, “setTime” ve “timer_on ”.
- Daha sonra “ saymak ()” fonksiyonu tanımlıdır.
- Tanımlarında “ document.getElementById() Eklenen giriş alanına kimliğini kullanarak erişmek için “yöntemi uygulanır” alan ” ve buna “ değerini ekleyin tezgah ” değişkeni.
- Şimdi “” değerini artırın. tezgah ” değişkeni.
- Son olarak “ setTimeout ()” yönteminin yürütülmesini gerçekleştirmek için saymak ()” fonksiyonu belirli bir zaman aralığında kullanılabilir.
- Bundan sonra “adlı bir fonksiyon tanımlayın. başlangıç ()”.
- Bu fonksiyonda bir “ eğer Bir koşulu belirten 'ifadesi kullanılır, örneğin if' imer_on ' değil ' Açık ” o zaman şuna eşittir: 1 ' ve ' saymak ()” fonksiyonu çağrılır.
- Şimdi “adlı başka bir fonksiyon tanımlandı. durmak ()”.
- Tanımında “ clearTimeout ()” yöntemi, “id”nin id’sini geçirerek uygulanır. setTimeout ()” yöntemi yani “ ayarlanan zaman ”.
Çıktı
Şunu gözlemlemek mümkündür: ' Sayımı başlat ” butonu her 1 saniyede bir artan sayımı başlatır. Bu sayım “üzerine tıklandığında durdurulur” Sayımı durdurun! ' düğme.
Bunların hepsi JavaScript'te clearTimeout() işlevinin kullanılmasıyla ilgilidir.
Çözüm
“ clearTimeout ()” fonksiyonu “” yardımı ile belirtilen zaman aralığını işler. setTimeout ()' işlev. Bu görevi kullanıcının kimliğini ileterek gerçekleştirir. “setTimeout()” temel parametresi olarak işlev görür. “” butonu kullanılarak belirlenen zaman aralığında gerçekleştirilen görevlerin iptali için kullanılır. setTimeout ()' işlev. Bu gönderi, JavaScript clearTimeout() işlevini kullanma prosedürünü pratik olarak açıkladı.