zoukankan      html  css  js  c++  java
  • javascirpt时钟

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
    	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    	<title></title>
    	<script type="text/javascript">
    		window.onload = function() {
    			var oSpan = document.getElementsByTagName("span");
    
    			function getTime() {
    				var oTime = new Date();
    				var aTime = [oTime.getHours(), oTime.getMinutes(), oTime.getSeconds()];
    
    				for(var i in aTime) {
    					oSpan[i].innerHTML = aTime[i].toString().replace(/^(\d)$/, "0$1");
    				}
    			}
    
    			setInterval(getTime, 1000);
    			getTime();
    		}
    	</script>
    </head>
    <body>
    	<span></span>时
    	<span></span>分
    	<span></span>秒
    </body>
    </html>
    
    Have a nice day!!!
  • 相关阅读:
    ES6(二)
    ES6
    bootstrap
    数组对象
    bootstrap
    html5(二)
    css3转换、动画、布局
    整理的一些兼容写法
    css渐变、背景、过渡、分页
    css3(一)
  • 原文地址:https://www.cnblogs.com/fhefh/p/2646702.html
Copyright © 2011-2022 走看看