模拟时钟JS插件1.0使用方法

什么是模拟时钟JS插件1.0(TAGALTAANALOGCLOCK 1.0)

具体使用方法:

把下面JS代码放到网页中:(http和https通用)

 <script type="text/javascript" src="//js.tagalta.com/tagalta/js/tagalta.analogclock1.0.js"></script>


然后加入代码:

<script>
	AnalogClock("clock1");//simple use
	AnalogClock("clock2", { width: 300, bgColor: "#bf0" });//simple option
	AnalogClock("clock3", new AnalogClockOption(200, "#eee", "#333"));//using option class to customize

	//base on object use, returns an clock object, can do some further style controll by the returned object.
	var opt = new AnalogClockOption(); opt.width = 100;
	var clock = new AnalogClock("clock4", opt);
	clock.panel.style.border = "solid 1px red";
</script>


最后加入时钟样式:

<div id="clock1" class="clock"></div>
<div id="clock2" class="clock"></div>
<div id="clock3" class="clock"></div>
<div id="clock4" class="clock"></div>


测试效果

公安备案吉公网安备22010202000322号