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

مثال ساخت تایمر با جاوا اسکریپت یک آموزش کاربردی می باشد که در کنار شما آن را حل خواهیم کرد.

در این نوشته قصد آموزش ساخت یک تایمر با جاوااسکریپت را برای شما داریم؛ با ما همراه باشید…

 

برای ساخت تایمر به روش زیر عمل کنید.

  • یک فایل html با نام index.html می سازیم و کدهای زیر را در آن قرار می دهیم:

 

  • در این مرحله یک فایل جاوااسکریپت با نام timer.js ایجاد کنید و محتوای آنرا با کدهای زیر پر کنید:

 

توضیح :

در کد بالا ابتدا دو تگ p باز کردیم و مقدار آیدی آنها را به ترتیب برابر clock-minute و clock-second قرار دادیم.

سپس در یک تابع جاوااسکریپت با دسترسی با مقادیر آنها با گذشتن هر ثانیه یک واحد به مقدار ثانیه اضافه کردیم و در صورتی که ثانیه ها به ۶۰ برسد آنرا ۰ کرده و به دقیقه یک واحد اضافه خواهیم کرد.

برای دانلود مثال بالا روی این لینک کلیک کنید.

موفق و پیروز باشید.

با دوستانتان به اشتراک بگذارید

8 دیدگاه

    1. سلام
      کافیه اول توی خط ۲۱ کد html اعداد ۰۰ رو به جای عددی که لازم داری جایگزین کنی و به جای اعداد صفر عددهایی رو که میخواید وارد کنید بعد هم توی کد جاوااسکریپت هر جا داره با عدد یک جمع میشه کم کنید و هرجا هم از ثانیه از ۵۹به ۰۰ میره رو برعکس کنید یعنی از ۰۰ به ۵۹ بره همین

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

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

*

code