ساخت کرنومتر با جاوااسکریپت و HTML

این کرنومتر سه دکمه دارد که کاربر از طریق آن‌ها با کرنومتر تعامل می‌یابد:

  • شروع
  • توقف
  • شروع مجدد

برای دسترسی راحت تر، کدهای css بصورت جداگانه تعریف نشده و داخل فایل اضافه شده است. دو فاکتور ثانیه و دقیقه وجود دارند که درون  span قرار دارند و مقدار اولیه آنها 00 است . با کلیک بر روی دکمه شروع، تابع start اجرا میشود.  داخل این تابع، تابع startTimer با زمان هر 1 ثانیه یک بار، صدا زده میشود و برای نمایش صحیح، در صورتی که ثانیه ها به 60 رسیدند؛ به واحد دقیقه یک واحد اضافه شده و خود ثانیه صفر میشود.

از طرف دیگر دقیقه تا قبل از 10، تک رقمی است بنابراین قبل آن باید 0 قرار گیرد و در صورتی دقیقه از  9 عبور کند، باید خود دقیقه (بدون صفری که قبلا در نظر گرفتیم) نمایش داده شود.

 

برای دیدن نتیجه روی این صفحه کلیک کنید.

 

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

مشاوره رایگان تلفنی
۶۵ ۸۹ ۹۶ ۸۸ - ۰۲۱
۹۱ ۸۴ ۹۶ ۸۸ - ۰۲۱