طريقة استخدام settimeout typescript

بعد النقر على زر ما، نستدعي دالة تقوم بإظهار البطاقات ثم ضمنها نستدعي setTimeOut مع تمرير 2000 ميلي ثانية (2 ثانية) ليتم تنفيذ الدالة المرتبطة بها بعد هذه المدة.

في HTML

<button onclick="showCards();">
  start game  
</button>

والكود:

function showCard() {
	// منطق إظهار البطاقات
  
  // بعد ثانيتين ستختفي
  window.setTimeout(hideCards, 2000);

}


function hideCards() {
	// منطق إخفاء البطاقات

}

يمكنك استخدام ذلك الكود من أجل الإنتظار ثانيتين فقط

setTimeout(() => {
  console.log('hi');
}, 2000);

كما يمكنك استخدام الكود المقابل له في جافا سكربت في حال الحاجة إليه

setTimeout(function(){
 	alert("Sup!"); 
}, 2000);

ثانيتان كمعامل للمهلة setTimeout هي 2000 معبرة عن 2000 ميلي ثانية. فيما يلي الصيغة العامة لاستعمال هاته الوظيفة: 

const myTimeout = setTimeout(myFunction, 2000);

function myFunction() {
  // اي شيفرة هنا
  
  // لمحو المهلة الزمنية
  clearTimeout(myTimeout);
}

 فان كانت الشيفرة الخاصة باخفاء عنصر ما مظهر فعلا هي ما كالتالي: 

function hideElement()
{
    var el = document.querySelector('#my-element-id');

    el.style.display = 'none';
}

فان استدعاءها خلال مهلة زمنية هو ما سيكون كالتالي: 

const myTimeout = setTimeout(hideElement, 2000);

function hideElement()
{
    var el = document.querySelector('#my-element-id');

    el.style.display = 'none';

    // لمحو المهلة الزمنية
    clearTimeout(myTimeout);
}

تعرف أكثر عن الجدولة: المهلة setTimeout والفترة setInterval في جافاسكربت