الگو:کادر-شمارنده
<!DOCTYPE html>
الگو:شمارشی
این الگو برای نمایش یک کادر با آیکون، عنوان و شمارنده استفاده می‌شود.
کتاب خانه
1
{{شمارشی
| عنوان = کتاب خانه
| آیکون = 📚
| شروع = 1
| پایان = 199
| سرعت = 100
}}
پارامترها
| پارامتر | توضیح | پیش‌فرض | ضروری |
|---|---|---|---|
| عنوان | متنی که زیر آیکون نمایش داده می‌شود | کتاب خانه | خیر |
| آیکون | آیکون یا ایموجی که نمایش داده می‌شود | 📚 | خیر |
| شروع | عدد شروع شمارنده | 1 | خیر |
| پایان | عدد پایان شمارنده | 199 | خیر |
| سرعت | سرعت شمارش به میلی‌ثانیه (اعداد کمتر = سرعت بیشتر) | 100 | خیر |
نمونه استفاده
<div class="counter-box">
<div class="counter-icon">📚</div>
<div class="counter-title">کتاب خانه</div>
<div id="counter" class="counter-number">1</div>
</div>
<script>
let count = 1;
const counterElement = document.getElementById('counter');
const interval = setInterval(() => {
count++;
counterElement.textContent = count;
if(count >= 199) clearInterval(interval);
}, 100);
</script>
اجرای شمارنده
<div class="counter-icon">📚</div>
<div class="counter-title">کتاب خانه</div>
<div id="counter" class="counter-number">1</div>
</div>
<script>
let count = 1;
const counterElement = document.getElementById('counter');
const interval = setInterval(() => {
count++;
counterElement.textContent = count;
if(count >= 199) clearInterval(interval);
}, 100);
</script>