هل ممكن التحكم فى دالة setInterval عن طريقة حدث onclick؟

Ahmed Monaiem · 4 مارس 2022

هل ممكن التحكم فى دالة setInterval

عن طريق حدث اون كليك؟

تم التعديل في 4 مارس 2022 بواسطة سامح أشرف
توضيح عنوان السؤال

سامح أشرف · 4 مارس 2022

يمكنك تخزين الدالة setInterval في متغير وحذفه عندما يتم الضغط على زر ما بالشكل التالي:

var log = setInterval(function () {
  console.log(Date.now());
}, 1000);

document.addEventListener("click", function () {
  clearInterval(log);
});

عند تشغيل الكود سوف يتم طباعة الوقت الحالي كل ثانية، ولكن بمجرد الضغط في أي مكان في الصفحة سوف يتم إيقاف الدالة.

أيضًا يمكنك جعل الكود يعمل مرة أخرى عند الضغط لمرة ثانية على الصفحة من خلال الكود التالي:

let intervalRemoved = false;

const myFunc = function () {
  console.log(Date.now());
}

let log = setInterval(myFunc, 1000);

document.addEventListener("click", function () {
  if (intervalRemoved) {
    log = setInterval(myFunc, 1000);
  } else {
    clearInterval(log);
  }
  
  intervalRemoved = !intervalRemoved;
});

محمد أبو عواد · 4 مارس 2022

هل يمكنك الشرح أكثر حول ما تريده تماما؟ اذا كنت تتساءل عن امكانية استخدام الدالتين معا فذلك ممكن كالتالي

<body>
    <button id="btn" onclick="alertMe()">اضغط</button>
    <script>
        function alertMe() {
            setInterval(function () {
                alert("hi");
            }, 200);
        }
    </script>
</body>

لدينا زر وأسندت اليه الحدث on click وعند وقوع الحدث سوف يتم تنفيذ الدالة alertMe كل 200 ميلي ثانية , اذا كنت تقصد شيئا آخر أرجو توضيحه وتوضيح ما تحاول فعله

Ahmed Monaiem · 4 مارس 2022

بتاريخ الآن قال محمد أبو عواد:
هل يمكنك الشرح أكثر حول ما تريده تماما؟ اذا كنت تتساءل عن امكانية استخدام الدالتين معا فذلك ممكن كالتالي
<body>
    <button id="btn" onclick="alertMe()">اضغط</button>
    <script>
        function alertMe() {
            setInterval(function () {
                alert("hi");
            }, 200);
        }
    </script>
</body>
لدينا زر وأسندت اليه الحدث on click وعند وقوع الحدث سوف يتم تنفيذ الدالة alertMe كل 200 ميلي ثانية , اذا كنت تقصد شيئا آخر أرجو توضيحه وتوضيح ما تحاول فعله

اشكر حضرتك

كنت بعمل الداله علشان يظهر العد التنازلى عند تشغيل الفيديو لظهور اعلان

ثم تختفى و تظهر ثانية عند الضغط على فيديو اخر..

محمد أبو عواد · 4 مارس 2022

بتاريخ الآن قال Ahmed Monaiem:

اشكر حضرتك

كنت بعمل الداله علشان يظهر العد التنازلى عند تشغيل الفيديو لظهور اعلان

ثم تختفى و تظهر ثانية عند الضغط على فيديو اخر..

هل نجح الامر؟

Ahmed Monaiem · 4 مارس 2022

نعم الى حد كبير و الباقى هحاول فيه اوصله ان شاء الله

بتاريخ الآن قال سامح أشرف:
يمكنك تخزين الدالة setInterval في متغير وحذفه عندما يتم الضغط على زر ما بالشكل التالي:
var log = setInterval(function () {
  console.log(Date.now());
}, 1000);

document.addEventListener("click", function () {
  clearInterval(log);
});
عند تشغيل الكود سوف يتم طباعة الوقت الحالي كل ثانية، ولكن بمجرد الضغط في أي مكان في الصفحة سوف يتم إيقاف الدالة.

أيضًا يمكنك جعل الكود يعمل مرة أخرى عند الضغط لمرة ثانية على الصفحة من خلال الكود التالي:
let intervalRemoved = false;

let log = setInterval(function () {
  console.log(Date.now());
}, 200);

document.addEventListener("click", function () {
  if (intervalRemoved) {
    log = setInterval(function () {
      console.log(Date.now());
    }, 200);
  } else {
    clearInterval(log);
  }
  
  intervalRemoved = !intervalRemoved;
});

اشكر حضرتك

سوف اقوم باسناد قيمة غير التاريخ و احاول الا تعد بالسالب و تقوم بتكرار الرقم الذى سوف احدده انا بدل التاريخ..

هل ممكن التحكم فى دالة setInterval عن طريقة حدث onclick؟

السؤال

Ahmed Monaiem

5 أجوبة على هذا السؤال

Recommended Posts

سامح أشرف

محمد أبو عواد

Ahmed Monaiem

محمد أبو عواد

Ahmed Monaiem

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية