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

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

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

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

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

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

في HTML

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

والكود:

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

}


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

}

ثانيتان كمعامل للمهلة 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 في جافاسكربت