ژماردنی کۆتایی کاتی بەخۆڕایی

چۆن کار دەکات

کاتژمێری دواژمارە تەواو لە وێبگەڕەکەتدا بەبێ هیچ پشتبەستنی دەرەکی ڕادەبات — بەبێ کتێبخانە، بانگی سێرڤەر. setIntervalێکی 1-چرکەیی بەکاردێنێت کە جیاوازی نێوان Date.now() و مۆری کاتی ئامانجی هەڵگیراو لەسەر هەر تیکێک ژمێردەکات، بۆیە دەرچوونەکە دروست دەمێنێتەوە تەنانەت ئەگەر تابەکە پاشبنەمابێت یان کاتژمێری ئامێرەکە خۆی ڕابکێشێت.

1. 1
   ئامانجێک دابنێ

   دۆخی ماوە هەڵبژێرە (کاتژمێر، خولەک، چرکە) یان بگۆڕە بۆ دۆخی بەروار/کات بۆ دواژماردن بۆ ساتێکی دیاریکراو. پێنج دوگمەی ئامادەی خێرا (5 خولەک تا 24 کاتژمێر) داخڵییەکان بەتەواوی پشتگوێدەخەن و کاتژمێرەکە دەستبەجێ دەستپێدەکەن.
2. 2
   کاتژمێر تیک دەکات بەسەر ئامانجێکی جێگیردا

   کاتێک دەستپێدەکات، ئامرازەکە ئامانجی پوختی وەک ئۆبجێکتێکی Date هەڵدەگرێت و setInterval هەر 1000 میلی چرکە جارێک دەگیرسێنێت. هەر تیکێک Date.now() بانگدەکات و لادەبات لە ئامانجەکەوە — بۆیە تیکی وونکراو (تاب خەوتوو، CPU سەرقاڵ) خۆی چاک دەکاتەوە لە تیکی دواتردا لەبری کۆبوونەوەی دواکەوتن.
3. 3
   دەرچوونی گونجاو و ئاوێنەکردنی تاب

   دەرچوونەکە یەکەی سفری پێشەوە بەخۆکار لادەبات — کاتژمێرێکی 45-چرکەیی تەنها چرکە بە جۆرێکی گەورە نیشان دەدات، لەکاتێکدا کاتژمێرێکی فرە-ڕۆژ هەموو چوار یەکەکە بە جۆرێکی بچووکتر نیشان دەدات. کاتی ماوە هەروەها لە document.titleدا دەنووسرێت بۆیە دواژمارەکە لە تابێکی بچووککراو یان پاشبنەمادا خوێندراوی دەمێنێتەوە.
4. 4
   دەنگدانەوەی Web Audio لە کۆتاییدا

   کاتێک دواژمارەکە دەگاتە سفر، APIی سەرەکی Web Audioی وێبگەڕ (AudioContext + OscillatorNode) دەنگدانەوەیەکی سێ-پالسی شەپۆلی سینوسی 880 هێرتز دروستدەکات — هیچ فایلی دەنگ داناگیرێت. وەستان، دووبارە دەستپێکردن، و URLی هاوبەشکراو (کۆدکردنی ئامانجی ئیپۆک لەناو #to= فراگمێنتدا، کە هەرگیز ناگاتە سێرڤەرێک) هەروەها تەواو لایەنی داواکار مامەڵەیان لەگەڵ دەکرێت.

ئامرازە پەیوەندیدارەکان