<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title>網頁鬧鐘</title> <meta name="Keywords" content="關鍵字,關鍵字"> <meta name="description" content=""> <style type="text/css"> *{margin:0px;padding:0px;} body{font-size:14px;font-family:"微軟雅黑";color:#666;background:#E2E2E2;} /* start timerbox */ .timerbox{width:400px;height:400px;margin:0 auto;} .timerbox .box{width:200px;height:200px;border:4px solid #E2E2E2;border-radius:50%;position:relative;left:100px;top:100px;} .timerbox .box #radius{position:absolute;width:20px;height:20px;top:90px;left:90px;background:#111;border-radius:50%;} .timerbox .box #hour{position:absolute;height:45px;width:8px;background:#111;left:96px;top:55px;transform-origin:bottom;} .timerbox .box #min{position:absolute;height:60px;width:4px;background:green;left:98px;top:40px;transform-origin:bottom;} .timerbox .box #sec{position:absolute;height:80px;width:2px;background:red;left:99px;top:20px;transform-origin:bottom;} .timerbox .box ul li{list-style:none;background:#111;width:2px;height:5px;position:absolute;left:99px; transform-origin:center 100px;} .timerbox .box ul li:nth-child(5n+1){height:15px;} /* timerbox end */ </style></head><body><!-- start timerbox --><p > <p > <ul > <li></li> </ul> <p ></p> <p ></p> <p ></p> <p ></p> </p></p><!-- timerbox end --><script type="text/javascript"> (function() { var keduDom = document.getElementById("kedu"); var html=""; for (var i = 0; i < 60; i++) { html += "<li style='transform:rotate(" + (i * 6) + "deg)'></li>" } keduDom.innerHTML = html; var secDom = document.getElementById("sec"); var minDom = document.getElementById("min"); var hourDom = document.getElementById("hour"); function drawDate() { var date = new Date(); var sec = date.getSeconds(); var min = date.getMinutes() + sec / 60; var hour = date.getHours() + min / 60; secDom.style.transform = "rotate(" + sec * 6 + "deg)"; minDom.style.transform = "rotate(" + min * 6 + "deg)"; hourDom.style.transform = "rotate(" + hour * 30 + "deg)"; } drawDate(); setInterval(drawDate, 1000); })();</script></body></html>
本文由 貴州做網站公司 整理發布,部分圖文來源于互聯網,如有侵權,請聯系我們刪除,謝謝!
網絡推廣與網站優化公司(網絡優化與推廣專家)作為數字營銷領域的核心服務提供方,其價值在于通過技術手段與策略規劃幫助企業提升線上曝光度、用戶轉化率及品牌影響力。這...
在當今數字化時代,公司網站已成為企業展示形象、傳遞信息和開展業務的重要平臺。然而,對于許多公司來說,網站建設的價格是一個關鍵考量因素。本文將圍繞“公司網站建設價...
在當今的數字化時代,企業網站已成為企業展示形象、吸引客戶和開展業務的重要平臺。然而,對于許多中小企業來說,高昂的網站建設費用可能會成為其發展的瓶頸。幸運的是,隨...
蚌埠醫學院郵編?地址:安徽省蚌埠市東海大道2600號,233030。蚌埠學院國慶放幾天?放七天假,10月1日到10月7日。蚌埠大學,位于安徽省蚌埠市,是教育部批準的以工、理、管、文、教、藝為主的普通本科院校[1]2004年,學校合并成立蚌埠學院、蚌埠教育學院、蚌埠職工大學,更名為蚌埠學院。2019年,學校正式納入安徽省省級碩士項目建設單位。蚌埠學院環境科學專業怎么樣?蚌埠學院的師資力量一般。環境科...
四川社保年檢網上怎么辦理?領取養老金待遇,需要進行年審認證。那么除了去社區、鄉(鎮)進行線下認證,還可以在手機上進行認證。足不出戶就能做到??靵砜纯丛趺丛谑謾C上操作吧!1.在app store下載“四川人社”APP并打開。四川社保年檢網上怎么辦理?個人社保年檢網上申報流程:1.網上申報:付款人簽訂銀行代扣協議后,向當地稅務機關申請辦理網上申報業務,經批準后接受培訓。申報時,可憑地稅機關提供的賬號...
360瀏覽器如何恢復歷史記錄?360瀏覽器發歷史記錄方法萬分感謝:1、簡單的方法然后打開電腦可以找到360瀏覽器,可以打開瀏覽器后直接點擊右上角的三條杠菜單選項2、再點后在自動彈出的頁面點擊你選歷史這個選項3、之后點擊左邊的日期就也可以參與恢復記錄,那樣的話完全恢復360瀏覽器歷史記錄的問題就能解決了。360瀏覽器怎么找回歷史瀏覽記錄?簡單的方法你可以打開你的360瀏覽器,然后再可以找到上方的一個...