الگو:کادر-شمارنده: تفاوت میان نسخه‌ها

@@ خط ۱: / خط ۱: @@
-<div id="counter" style="font-size:24px; font-weight:bold; text-align:center;"></div>
+<div style="width:160px; border:1px solid #ccc; padding:10px; text-align:center; border-radius:8px; font-family:Tahoma;">
+  <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/3f/Icon_example.png/40px-Icon_example.png" alt="آیکن" style="margin-bottom:8px;" />
+  <div style="font-weight:bold; font-size:16px;">تعداد آیتم‌ها</div>
+  <div id="animated-counter" style="font-size:20px; color:#333; margin-top:6px;">1</div>
+</div>
 <script>
    let count = 1;
    const max = 67;
-   const speed = 50; // سرعت شمارش (میلی‌ثانیه)
+   const speed = 40; // سرعت شمارش (میلی‌ثانیه)
+   const counter = document.getElementById("animated-counter");
-   const counterElement = document.getElementById("counter");
    const interval = setInterval(() => {
-    counterElement.textContent = count;
      count++;
-     if (count > max) {
+    counter.textContent = count;
-      clearInterval(interval);
+     if (count >= max) clearInterval(interval);
-    }
    }, speed);
 </script>