تبلیغات
میهن وب هاست

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

نویسنده : امیر

نظرات : ۸ دیدگاه

بازدید : ۱۲۳۳ بازدید

تاریخ : ۱۴ تیر ۱۳۹۷

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

 

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

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

 

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

 

توضیح :

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

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

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

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

8 پاسخ به “ساخت تایمر با جاوا اسکریپت”

  1. امیرحسین آقاجانی گفت:

    چطوری میشه برعکسش کرد؟
    ینی ما یه دقیقه بهش بدیم و اون این دقیقه رو کم کنه

    با تشکر

    • امیر امیر گفت:

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

  2. کسرا گفت:

    چرا هر بار ۲ ثانیه کم میشه؟
    چیکار کنم ۱ ثانیه یکبار کم شه؟

  3. امیرحسین آقاجانی گفت:

    سلام، با تشکر…
    ولی نشد.

  4. امیرحسین آقاجانی گفت:

    سلام، با تشکر…
    ولی نشد.

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

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

*

code

مطالب زیر را از دست ندهید: