Skip to content

Commit f23e75f

Browse files
authored
Update README.md
1 parent 88884b1 commit f23e75f

1 file changed

Lines changed: 30 additions & 8 deletions

File tree

README.md

Lines changed: 30 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,32 @@
1-
# JavaScript Clock
2-
Display Live Clock With JavaScript
3-
# Online Demo
4-
<a href="//aminarjmand.com/demo/coding/javascript/09/JsClock.html">View Demo</a>
1+
# 🕒 [ساعت زنده جاوا اسکریپت | Live JavaScript Clock](https://demo.aminarjmand.com/JsClock/)
52

6-
# ساعت با جاوا اسکریپت
7-
نمایش ساعت با جاوا اسکریپت
8-
# دموی آنلاین
9-
<a href="//aminarjmand.com/demo/coding/javascript/09/JsClock.html">مشاهده دمو</a>
3+
یک مینی‌پروژه فرانت‌اند سبک، مدرن و تعاملی برای نمایش **ساعت آنی و زنده وب با جاوا اسکریپت خالص (Vanilla JS)**. این پروژه با طراحی شیک و شیشه‌ای (**Glassmorphism**) توسعه یافته و قابلیت متوقف کردن و راه‌اندازی مجدد زمان را با یک کلیک ساده به کاربر می‌دهد.
104

5+
---
6+
7+
## ✨ ویژگی‌ها (Features)
8+
9+
- **طراحی مدرن Glassmorphism:** استفاده از جلوه‌های شیشه‌ای، تاری پس‌زمینه (Backdrop Blur) و گرادینت‌های چشم‌نواز زییا.
10+
- **جاوا اسکریپت خالص (Zero-dependency):** بدون استفاده از هیچ‌گونه کتابخانه جانبی یا فریم‌ورک.
11+
- **قابلیت هوشمند Pause/Resume:** امکان متوقف کردن زمان و استارت مجدد آن تنها با کلیک روی باکس ساعت.
12+
- **تغییر استایل داینامیک:** استفاده از کلاس‌های CSS برای متمایز کردن حالت فعال و غیرفعال ساعت.
13+
- **فرمت استاندارد زمان:** نمایش دورقمی ساعت، دقیقه و ثانیه (فرمت `00:00:00`) به صورت کاملاً دقیق.
14+
- **کاملاً ریسپانسیو:** هماهنگی کامل ساختار صفحه با مرورگرهای دسکتاپ، تبلت و موبایل.
15+
16+
---
17+
18+
## 🛠️ تکنولوژی‌های به کار رفته
19+
20+
- **HTML5** (ساختار معنایی و استاندارد)
21+
- **CSS3** (متغیرهای سراسری، فیلتر Blur، دکمه‌های انیمیشنی، فونت‌های بهینه وب)
22+
- **Vanilla JavaScript** (دستورات ساختاریافته زمان، اینتروال‌های بهینه، مدیریت کلاسی DOM)
23+
24+
---
25+
26+
## 🚀 نحوه استفاده و اجرا
27+
28+
پروژه به صورت یک فایل ایستا (Static) است. برای اجرا کافیست مخزن را دانلود کرده و فایل `index.html` را در مرورگر خود باز کنید.
29+
30+
```text
31+
├── index.html # کدهای ساختار و استایل صفحه
32+
└── JsClock.js # کدهای اصلی کنترلر جاوا اسکریپت ساعت

0 commit comments

Comments
 (0)