farsi/dateTime.html at main · M-Hatami/farsi · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html dir="rtl" lang="fa">

<head>
    <link href="common.css" type="text/css" rel="stylesheet">
    <script src="scripts/dateTime.js"></script>
</head>

<body>
    <section style="border: 1px solid grey; padding: 1em;">
        <span id='dateTime' style=" font-family: 'Vazir Code', 'Vazir Code Hack', 'Courier New';"></span>
        <p><em>نکته:</em> وقتی از ثانیه پویا که بصورت زنده بروزرسانی میشود استفاده میکنید، حتماً از قلمهایی که
            عرض تمامی حروف
            آنها به یک اندازه
            هستند و اصطلاحاً به آنها <mark>قلم
                <em><strong>"تک
                        فاصله"</strong></em></mark> گفته
            میشود
            استفاده کنید. با اینکار ظاهر صفحه حفظ شده و با تفاوت در عرض اعداد، اندازه جعبه محتوی وقت و ساعت تغییر نکند
            که باعث حواس پرتی و عصبی کننده برای کاربر شود.
        </p>
        <hr>
    </section>
</body>

</html>