ساخت ساعت دیجیتال با جاوا اسکریپت

امروز همینجوری بیکار بودم نشستم یه ساعت ساختم گفتم به صورت اموزش بزارم دوستان علاقمند استفاده کنن 😀

برای ساختن ساعت دیجیتال سه مرحله وجود داره: (پیش نمایش چیزی که در انتهای کار خواهیم ساخت رو میتونید از اینجا ببینید – کلیک کنید)

  1. ساختن بدنه ی html ساعت
  2. نوشتن چند خط جاوا اسکریپت ساده
  3. نوشتن چند خط css برای یه استایل ساده به ساعت!

قسمت اول : برای ساختن قسمت html ما یه تگ time میزاریم با پنج تا تگ span داخلش! تگ های span رو برای گرفتن ساعت , دقیقه و ثانیه استفاده میکنیم.

قسمت دوم : حالا چند خط جاوا اسکریپت میزاریم که ساعت رو بگیره و توی اون تگ های span بزاره برامون

قسمت سوم : اظافه کردم یه خورده سی اس اس برای خوشکل کردن 😀

خب کار تموم شد! پیش نمایش ساعت رو میتونید از اینجا (کلیک کنید) ببینید. 😀 من این ساعت رو خیلی ساده ساختم تا بیشتر جنبه اموزشی داشته باشه اما شما میتونید استایل مورد نظر خودتون رو بهش بدید و استفاده کنید. همچنین میتونید اون رو از انتهای همین پست دانلود کنید.

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

ساعت دیجیتال با جاوااسکریپت
858.0 B
79 Downloads
اطلاعات بیشتر
به اشتراک بگذارید:Email this to someoneShare on FacebookTweet about this on TwitterShare on Google+Digg thisShare on LinkedInPin on PinterestShare on StumbleUponFlattr the authorShare on RedditBuffer this pageShare on TumblrPrint this pageShare on YummlyShare on VK
  1. احمدرضا ملاحسینی

    سلام دوست عزیز میشه لطف کنید خط به خط آموزش های بالا بصورت ورد یا پی دی اف درست کنید واسم ارسال کنید

    • سلام , تبدیل اموزش به ورد خیلی راحته 😀 خودتون میتونید انجامش بدید تا هم یه دور مطالعه کرده باشیدش و هم اینکه همزمان کدها رو تایپ میکنید 🙂 بازم اگه مشکلی بود بگید , موفق باشید.

می‌خواهید دیدگاهتان را بیان کنید؟