image
image
imageimageimageورود / ثبت‌نام

دسته‌بندی محصولات

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

محصولات پرفروش

محصولات منتخب مشتریان ما
محصولی در این دسته‌بندی موجود نیست

حراج ویژه پایان فصل

تا 50٪ تخفیف روی محصولات منتخب. این فرصت استثنایی را از دست ندهید!
image
زمان باقی‌مانده: 2 روز 14 ساعت 30 دقیقه
<!DOCTYPE html> <html lang="fa" dir="rtl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> <title>تایمر معکوس تخفیفات | انیلا رز</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; user-select: none; /* جلوگیری از انتخاب متن تایمر */ } body { background: linear-gradient(135deg, #0f172a 0%, #1e1b2e 100%); min-height: 100vh; display: flex; justify-content: center; align-items: center; font-family: 'Segoe UI', 'Tahoma', 'Poppins', 'Vazirmatn', system-ui, sans-serif; padding: 20px; } /* کارت اصلی تایمر */ .timer-card { background: rgba(15, 25, 45, 0.65); backdrop-filter: blur(14px); border-radius: 68px; padding: 30px 28px 40px 28px; box-shadow: 0 30px 50px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.08); max-width: 750px; width: 100%; transition: all 0.3s ease; text-align: center; } /* عنوان اصلی */ .sale-title { font-size: 2rem; font-weight: 800; background: linear-gradient(120deg, #FFD166, #FF6B6B, #C084FC); background-clip: text; -webkit-background-clip: text; color: transparent; margin-bottom: 20px; letter-spacing: -0.5px; text-shadow: 0 2px 5px rgba(0,0,0,0.2); } .sale-badge { background: #ff4d6d; display: inline-block; padding: 8px 18px; border-radius: 100px; font-size: 0.9rem; font-weight: bold; color: #fff; margin-bottom: 25px; box-shadow: 0 4px 12px rgba(255, 77, 109, 0.4); } /* ورودی تنظیم زمان */ .input-group { background: rgba(0, 0, 0, 0.35); border-radius: 60px; padding: 12px 20px; margin-bottom: 30px; display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; backdrop-filter: blur(4px); border: 1px solid rgba(255,255,240,0.2); } .input-group label { color: #ddd; font-weight: 500; align-self: center; } .datetime-input { background: #0f172a; border: 1px solid #4f46e5; padding: 12px 18px; border-radius: 60px; font-family: monospace; font-size: 1rem; color: #e2e8f0; outline: none; transition: 0.2s; direction: ltr; } .datetime-input:focus { border-color: #f97316; box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.3); } .set-time-btn { background: linear-gradient(95deg, #f97316, #dc2626); border: none; padding: 12px 28px; border-radius: 60px; font-weight: bold; color: white; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; font-size: 1rem; box-shadow: 0 8px 14px rgba(220, 38, 38, 0.3); } .set-time-btn:hover { transform: scale(1.02); background: linear-gradient(95deg, #fb923c, #ef4444); box-shadow: 0 12px 20px rgba(220, 38, 38, 0.5); } /* نمایشگر اصلی تایمر */ .countdown-container { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin: 30px 0 20px; } .time-block { background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(8px); border-radius: 48px; padding: 18px 12px; min-width: 100px; text-align: center; box-shadow: 0 10px 25px rgba(0,0,0,0.3); border: 1px solid rgba(255,215,0,0.3); transition: all 0.2s; } .time-number { font-size: 3.8rem; font-weight: 800; font-family: 'Monaco', 'Courier New', monospace; background: linear-gradient(135deg, #FFE6B0, #FFA07A); background-clip: text; -webkit-background-clip: text; color: transparent; line-height: 1.2; text-shadow: 0 2px 5px rgba(0,0,0,0.2); } .time-label { font-size: 0.85rem; letter-spacing: 1px; color: #cbd5e1; margin-top: 8px; font-weight: 500; } /* پیام پایان تخفیف */ .expired-message { background: #111827cc; border-radius: 60px; padding: 18px; margin-top: 20px; font-size: 1.5rem; font-weight: bold; color: #ffb347; backdrop-filter: blur(10px); display: none; align-items: center; justify-content: center; gap: 12px; } .expired-message.show { display: flex; } /* متن کمکی */ .info-text { font-size: 0.8rem; color: #9ca3af; margin-top: 24px; border-top: 1px dashed #334155; padding-top: 18px; } /* ریسپانسیو */ @media (max-width: 550px) { .timer-card { padding: 20px 16px 30px; border-radius: 40px; } .time-number { font-size: 2.5rem; } .time-block { min-width: 70px; padding: 12px 8px; } .set-time-btn { padding: 10px 18px; font-size: 0.9rem; } } </style> </head> <body> <div class="timer-card"> <div class="sale-title">🔥 تخفیف ویژه انیلا رز 🔥</div> <div class="sale-badge">⏳ تا پایان فرصت باقی مانده</div> <!-- بخش تنظیم زمان توسط کاربر --> <div class="input-group"> <label>📅 زمان پایان تخفیف :</label> <input type="datetime-local" id="targetDateTime" class="datetime-input" value="2025-12-31T23:59"> <button id="setTimerBtn" class="set-time-btn">✨ ثبت و شروع تایمر ✨</button> </div> <!-- تایمر معکوس --> <div class="countdown-container" id="countdownContainer"> <div class="time-block"> <div class="time-number" id="days">00</div> <div class="time-label">روز</div> </div> <div class="time-block"> <div class="time-number" id="hours">00</div> <div class="time-label">ساعت</div> </div> <div class="time-block"> <div class="time-number" id="minutes">00</div> <div class="time-label">دقیقه</div> </div> <div class="time-block"> <div class="time-number" id="seconds">00</div> <div class="time-label">ثانیه</div> </div> </div> <!-- پیام پایان زمان --> <div class="expired-message" id="expiredMsg"> 🎁 تخفیف به پایان رسید 🎁 </div> <div class="info-text"> 💎 زمان دلخواه خود را انتخاب کنید، تایمر معکوس تا لحظه صفر شمارش می‌کند. </div> </div> <script> (function() { // المنت های DOM const daysEl = document.getElementById('days'); const hoursEl = document.getElementById('hours'); const minutesEl = document.getElementById('minutes'); const secondsEl = document.getElementById('seconds'); const targetInput = document.getElementById('targetDateTime'); const setBtn = document.getElementById('setTimerBtn'); const expiredMsgDiv = document.getElementById('expiredMsg'); let timerInterval = null; let currentTargetTime = null; // ذخیره زمان هدف به صورت milliseconds // تابع کمکی برای فرمت دو رقمی function formatNumber(num) { return num < 10 ? '0' + num : num.toString(); } // بروزرسانی نمایش تایمر function updateDisplay(days, hours, minutes, seconds) { daysEl.innerText = formatNumber(days); hoursEl.innerText = formatNumber(hours); minutesEl.innerText = formatNumber(minutes); secondsEl.innerText = formatNumber(seconds); } // نمایش پیام پایان و ریست ظاهری تایمر function showExpired() { if (timerInterval) { clearInterval(timerInterval); timerInterval = null; } updateDisplay(0, 0, 0, 0); expiredMsgDiv.classList.add('show'); } // مخفی کردن پیام پایان function hideExpired() { expiredMsgDiv.classList.remove('show'); } // محاسبه و بروزرسانی تایمر بر اساس currentTargetTime function refreshTimer() { if (!currentTargetTime) return; const now = new Date().getTime(); const distance = currentTargetTime - now; // اگر زمان تمام شده یا منفی if (distance <= 0) { showExpired(); return; } // اگر پیام پایان فعال بود ولی دوباره زمان مثبت شد -> مخفی کن if (expiredMsgDiv.classList.contains('show')) { hideExpired(); } // محاسبه اجزا const days = Math.floor(distance / (1000 * 60 * 60 * 24)); const hours = Math.floor((distance % (86400000)) / (3600000)); const minutes = Math.floor((distance % 3600000) / 60000); const seconds = Math.floor((distance % 60000) / 1000); updateDisplay(days, hours, minutes, seconds); } // تابع شروع تایمر با زمان جدید (میلی‌ثانیه) function startTimerWithTarget(targetMs) { // متوقف کردن تایمر قبلی if (timerInterval) { clearInterval(timerInterval); timerInterval = null; } currentTargetTime = targetMs; // ابتدا یکبار بلافاصله بروزرسانی کن refreshTimer(); // اگر الان زمان منقضی شده، نیازی به ست اینتروال نیست چون showExpired اینتروال را پاک کرده // ولی اگر فاصله >0 باشد اینتروال جدید میسازیم. if (currentTargetTime > new Date().getTime()) { timerInterval = setInterval(() => { refreshTimer(); }, 1000); } else { // اگر از اول منقضی بود حتما refreshTimer متد showExpired رو صدا زده // هیچ اینتروالی فعال نیست } } // خواندن مقدار ورودی و تنظیم تایمر function setTimerFromInput() { let dateTimeValue = targetInput.value; if (!dateTimeValue) { alert("لطفاً یک تاریخ و ساعت معتبر انتخاب کنید!"); return; } // تبدیل مقدار ورودی به Date (محلی با منطقه مرورگر) const selectedDate = new Date(dateTimeValue); // بررسی اعتبار if (isNaN(selectedDate.getTime())) { alert("تاریخ نامعتبر است! لطفاً دوباره انتخاب کنید."); return; } const now = new Date(); if (selectedDate <= now) { // اگر زمان انتخاب شده گذشته یا هم اکنون است // باز هم تایمر را صفر نشان بده و نمایش پایان بده startTimerWithTarget(selectedDate.getTime()); // refreshTimer خودش منقضی شدن رو مدیریت میکنه alert("⚠️ زمان انتخاب شده در گذشته یا هم اکنون است. تایمر پایان یافته نشان داده می‌شود."); return; } // زمان معتبر و آینده startTimerWithTarget(selectedDate.getTime()); // یک افکت خفیف در کنسول (اختیاری) console.log(`تایمر تنظیم شد به: ${selectedDate.toLocaleString('fa-IR')}`); } // بارگذاری یک زمان پیش‌فرض جذاب : 2 روز بعد از الان (برای نمونه تخفیف) function setDefaultFutureTimer() { const defaultDate = new Date(); defaultDate.setDate(defaultDate.getDate() + 2); defaultDate.setHours(20, 0, 0, 0); // امشب 8 شب دو روز بعد // قرار دادن مقدار پیشفرض در input const year = defaultDate.getFullYear(); const month = String(defaultDate.getMonth() + 1).padStart(2, '0'); const day = String(defaultDate.getDate()).padStart(2, '0'); const hours = String(defaultDate.getHours()).padStart(2, '0'); const minutes = String(defaultDate.getMinutes()).padStart(2, '0'); targetInput.value = `${year}-${month}-${day}T${hours}:${minutes}`; // استارت تایمر با این زمان startTimerWithTarget(defaultDate.getTime()); } // تنظیم رویداد دکمه ثبت setBtn.addEventListener('click', setTimerFromInput); // همچنین اگر کاربر enter بزند (اختیاری) targetInput.addEventListener('keypress', (e) => { if (e.key === 'Enter') { e.preventDefault(); setTimerFromInput(); } }); // مقداردهی اولیه: یک تخفیف 2 روزه + 2 ساعت (برای نمایش خوشگل) setDefaultFutureTimer(); // کمی استایل داینامیک برای جلوگیری از flicker (اختیاری) // در صورت تمایل میتونیم رفرش هر ۱ ثانیه دقت داشته باشه // همچنین پشتیبانی از ذخیره در localStorage : می‌توان افزود اما ساده و کارآمد })(); </script> </body> </html>

پیشنهاد شگفت‌انگیز

پیشنهادات داغ

پیشنهادات داغ
از دست ندهید!
حراج
صندلی سینمایی و استادیومی | اراز | مدلSport BOOK PLUS

صندلی سینمایی و استادیومی | اراز | مدلSport BOOK PLUS

12,500,000 تومان12,600,000 تومان1%
حراج
صندلی استادیوم و ورزشگاهی تاشو | اراز | مدل BOOK PLUS

صندلی استادیوم و ورزشگاهی تاشو | اراز | مدل BOOK PLUS

12,300,000 تومان12,500,000 تومان2%
حراج
صندلی سینمایی و آمفی تئاتر | اراز | مدل پلاتوPLATO 2

صندلی سینمایی و آمفی تئاتر | اراز | مدل پلاتوPLATO 2

4,500,000 تومان4,600,000 تومان2%

جدیدترین محصولات

آخرین محصولات اضافه شده به فروشگاه
image
هدفون بی‌سیم
4,290,000 تومان
image
ساعت هوشمند
3,850,000 تومان
image
لپ‌تاپ گیمینگ
32,900,000 تومان
image
دوربین دیجیتال
18,750,000 تومان

چرا ما را انتخاب کنید؟

image

ضمانت بازگشت

7 روز ضمانت بازگشت وجه
image

ارسال سریع

ارسال به سراسر کشور در 24 ساعت
image

پشتیبانی 24/7

پشتیبانی آنلاین در تمام ساعات
image

پرداخت امن

پرداخت با امنیت کامل

آخرین مقالات و اخبار

جدیدترین مقالات آموزشی و اخبار فروشگاه

عضویت در خبرنامه

با عضویت در خبرنامه از جدیدترین تخفیف‌ها و محصولات ما مطلع شوید
آدرس ایمیل خود را وارد کنید
عضویت
image
فروشگاه آنلاین با بیش از 10 هزار محصول متنوع در دسته‌بندی‌های مختلف

لینک‌های مفید

درباره ما
تماس با ما
سوالات متداول
قوانین و مقررات

راه‌های ارتباطی

تهران، خیابان ولیعصر، پلاک 123
تلفن: 021-12345678
ایمیل: info@example.com

شبکه‌های اجتماعی

imageimageimage
image
© کلیه حقوق این وب‌سایت محفوظ می‌باشد. ۱۴۰۳