<menuitem id="te8vo"></menuitem>
  • <div id="te8vo"><tr id="te8vo"><object id="te8vo"></object></tr></div>
  • <dl id="te8vo"></dl>
  • 頭像

    js+css3制作簡單圓形時鐘特效

    來源:http://www.bdtes.com/js/4225.html 18***38 2019-03-01 10:38瀏覽(146) 收藏

    js+css3制作簡單圓形時鐘特效,默認獲取本地電腦時間的網頁時鐘代碼。
    js+css3制作簡單圓形時鐘特效
    分類:日期時間 > 計時器 難易:初級

    程序員,你不是一個人;網站開發QQ群:35248186,在線充值,或聯系QQ2589223951直接充值

    查看演示 下載資源: 5 下載資源 下載積分: 20 積分

    js代碼

    <script type="text/javascript">		
    	var divH = document.getElementsByClassName("time_h")
    	var divM = document.getElementsByClassName("time_m")
    	var divS = document.getElementsByClassName("time_s")
    	setInterval(function() {
    		var newtime = new Date()
    		var h = newtime.getHours()
    		var m = newtime.getMinutes()
    		var s = newtime.getSeconds()
    		console.log(h,m,s)
    		divH[0].style.transform = "rotate(" + (-90 + h * 30) + "deg)"
    		divM[0].style.transform = "rotate(" + (-90 + m * 6) + "deg)"
    		divS[0].style.transform = "rotate(" + (-90 + s * 6) + "deg)"
    	}, 1000)
    </script>
    最新交易
    評論0
    頭像

    系統已開啟自動識別垃圾評論機制,識別到的自動封號,下載出錯或者資源有問題請聯系全棧客服QQ 2589223951

    1 2
    江苏体彩11选五走势图