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
Next Post Previous Post
No Comment
Add Comment
comment url

Paid Templates

Blogger themes

Movie theme

codes for blogger

Grafix Material