کد نمایش ساعت ساده در سایت

کد نمایش ساعت ساده در سایت کد فوق یکی از کدهای بسیار بسیار ساده برای نمایش ساعت در قسمتهای مختلف سایت میباشد که شما میتوانید کد ان را از ادامه مطلب دانلود کرده و در سایت و یا وبلاگ خود قرار داده.این کد با جاوا اسکریپت ساخته شده و شما میتوانید برای ان استایل هم تعریف کنید.امیدوارم از این کد ساده و کاربردی خوشتون بیاد.

کد نمایش ساعت ساده در سایت

 

دمو کد

 

<!DOCTYPE html>
<html>

<body>
<p id="demo"></p>
<script>
var myVar = setInterval(myTimer, 1000);
function myTimer() {
    var d = new Date();
    document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
</script>
<div style='display:none'><h1><a title="codebazan" href="https://codebazan.ir">codebazan</a></h1></div>

</body>
</html>

ی استایل ساده برای کادر دور ان و وسط چین کردن ان براتون قرار میدم برای استفاده استایل را در ابتدای کد قرار دهید.

<style>
body{height: auto; width:20%; margin: auto auto auto;
    border: 5px solid #555;text-align:center;height:20;

</style>

برای تست کد فوق میتوانید از ابزار پیش نمایش کدبازان استفاده نمایید.

4 Comments

      1. سلام! منم امتحان کردم و زمان این ساعت با زمان سیستم یکی نیست. ساعتی رو که نشون میده ساعت جی ام تی هست. این اشکال معمولا در موبایل و تبلت (آندروید) رخ میده و یا به عبارت دیگه توی ویندوز مشکلی نداره. حالا دقیقا مشکل از کجاست نمی‌دونم ولی صد در صد هست. اگر ممکنه کد جامع تری قرار بدید که ساعت و تاریخ رو بصورت کاملتر (مثلا: ۱۶:۳۲:۲۵ – جمعه ۲۷ مهر ۱۳۹۸) نشون بده. باتشکر

        مصطفایی

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

*

code