D3------实时更新时间

一：实现效果

具体的实现效果如上图所示，时分秒都以两位数显示。

二：代码分析

在网页上实时显示时间目前我知道的有两种方法：一种是用JQuery，另一种就是使用D3。JQuery忘的差不多了，所以就不贴代码了。

使用D3实时更新的步骤：

（1）添加画布。（使用D3添加图形或者文本这一步可以说是必不可少的）

<script>
			var width=500;
			var height=500;
			var svg=d3.select("body").append("svg")
						.attr("width",width)
						.attr("height",height);
		</script>

（2）获取时间。（因为要做的是实时更新时间，所以把获取时间放到一个函数里面代码会比较简洁）

<script>
			function getTime(){
				var time=new Date();
				var hours=time.getHours();
				var minutes=time.getMinutes();
				var seconds=time.