Beautiful digital clock for blogger
Dhanjee Rider
Digital clock for website
Clock ek aisi chiz jiski madad se aap samay ka pta lga skte hai kaisa rhe jab ek digital clock ko hum apne website Pe lga de jisse visitors ko real time ka pta chal ske aur dikhne me bhi achha lage , to cahliye jante hai ki aap kaise apni blogger website me digital clock ko lga skte hai
Process
Digital clock bnana bhot hi asan hota hai keval javascript ki 4 se 5 line likhkar hum clock ⌚ bna skte hai lekin agar aapko usme designing krni hai to thoda css use karna padega
Yha par humne ek digital clock ke code hai jisko aap apni website me lgakar logo ko samay se avgat kra skte hai
Blogger me time dikhane ke liye clock kais3 lagaye
Digital clock ko apne blogger website me lgane ke liye blogger ke layout section me jaye aur home page me dikne wale hero section ke niche ya kahi bhi ek html javascript widget add karke niche diye gye codes paste krde
<style>
#clockDisplay{
margin:10px auto;
width: 50%;
background-color: #1E1E1E;
border: 2px solid #eee;
padding: 6px;
height: auto;
color: cyan;
font-size:20px;
font-width:bold;
text-align: center;
letter-spacing: 2px;
border-radius: 20px;
}
</style>
</head>
<body>
<div id="clockDisplay" class="clockStyle"></div>
<script>
function renderTime(){
var currentTime = new Date();
var diem = "AM";
var h = currentTime.getHours();
var m = currentTime.getMinutes();
var s = currentTime.getSeconds();
if(h == 0){
h = 12;
}else if(h > 12){
h = h - 12;
diem = "PM"
}
if(h < 10){
h = "0" + h;
}
if(m < 10){
m = "0" + m;
}
if(s < 10){
s = "0" + s;
}
var myClock = document.getElementById('clockDisplay');
myClock.textContent = h + ":" + m + ":" + s + " " + diem;
setTimeout('renderTime()', 1000);
}
renderTime();
</script>
Last word
In this post we will provided information about Beautiful digital clock for blogger , If you enjoy this post, kindly share it with your friends. For any queries, feel free to join our Telegram channel, where we share exclusive and informative content. Many valuable tips are exclusively available on our Telegram channel. Stay updated with your favorite source, DK Technozone.
