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

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

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

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

بازدید : ۲۹ بازدید

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

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

 

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

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

 

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

 

توضیح :

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

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

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

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

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

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

*

code

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