Alert box

×

Visit premium theme zone

Visit

join telegram Channel for updates

join

Beautiful digital clock for blogger

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
Digital clock for website

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>
demo

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.

Next Post Previous Post
No Comment
Add Comment
comment url