ساخت ساعت آنالوگ در jQuery با استفاده از moment.js

در این آموزش می خواهیم با  استفاده از moment.js و jQuery به راحتی یک ساعت آنالوگ با نمایش تاریخ و ساعت ایجاد کنیم . و با استفاده از moment.js. ، زمان فعلی را برحسب، ساعت، دقیقه، ثانیه ، و تاریخ را بر اساس اصول اولیه مثلثاتی، محاسبه و نمایش میدهد.

شکل۱: jQuery و CSS3 بر اساس ساعت آنالوگ

برای ایجاد آنچه که در شکل ۱ میبیند ،مراحل زیر را دنبال کنید.

یک صفحه HTml جدید با نام clock.html ایجاد کرده و کد زیر را درون آن کپی کنید

 

در کد بالا به moment.js و jQuery اشاره میشود. این صفحه یک مرجع برای فایل های سفارشی مانند clock.css که ما در مرحله بعدی تولید خواهیم کرد و قابلیت های ساعت در clock.js اضافه خواهد شد.

۲ . یک فایل stylesheet جدید با نام block.css ایجاد کرده و کد های زیر ار در آن وارد کنید

 

۳ . فایل جاوا اسکریپت جدید با نام clock.js ایجاد کرده و کد اسکریپت زیر را به آن اضافه میکنیم.

 

در این بخش از جاوا اسکریپت، ما فقط زمان فعلی را با استفاده از moment.js. میگیریم، در اینجا زمان فعلی برحسب، ساعت، دقیقه، ثانیه ، و زاویه بر اساس اصول اولیه مثلثاتی محاسبه میکند.

دانلود سورس کد
پسورد : csharpoop.com
پیش نمایش

 

ساخت ساعت آنالوگ در jQuery با استفاده از moment.js
5 (100%) 1 رای

(335 نوشته)

C# Programmer , Web Design And Developer , MVC , ASP.NET

فکر شما چیست؟

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

حاصل جمع اعداد را وارد کنید : *