原生JS時鐘

2021-07-22 22:11:25 字數 1373 閱讀 1477

charset="utf-8">

無標題文件title>

id="css">

#wrap

#wrap ul

#wrap ul li

/*鐘錶一圈是360度,一共12個小時 每個小時之間差360/12=30度,

* 每個小時之間差有5個格,所以每個小格之間是30/5=6度

*//*#wrap ul li:nth-of-type(1)

#wrap ul li:nth-of-type(2)

#wrap ul li:nth-of-type(3)

#wrap ul li:nth-of-type(4)

#wrap ul li:nth-of-type(5)

#wrap ul li:nth-of-type(6)

#wrap ul li:nth-of-type(7)

#wrap ul li:nth-of-type(8)

*//*奇數個時變長,用於表示顯示小時的線*/

#wrap ul li:nth-of-type(5n+1)

/*top給的值和height加起來是一半的盒子高度:100*/

#hour

#min

#sec

#ico

style>

head>

id="wrap">

ul>

id="hour">div>

id="min">div>

id="sec">div>

id="ico">div>

div>

body>

html>

var oul = document.getelementsbytagname('ul')[0];

var ocss = document.getelementbyid('css');

var oh = document.getelementbyid('hour');

var om = document.getelementbyid('min');

var os = document.getelementbyid('sec');

var ali = '';

var scss = '';

for(var i = 0; i < 60; i++) ';

ali += ''

} //放入html和css中

oul.innerhtml = ali;

ocss.innerhtml += scss;

var timer = null;

//獲取時間

function totime()

//執行函式

totime();

script>

用原生JS寫簡單的時鐘

這是乙個簡單的時鐘方案,主要 是三個時針旋轉的思路,時鐘布局省去。step 1.獲取時分秒轉針 var hour document.getelementbyid hour var min document.getelementbyid m var sec document.getelementbyi...

關於js 原生原生鏈

可以這麼理解 1 所有的引用型別都有乙個 proto 隱式原型 屬性,屬性值是乙個普通的物件 2 所有的函式都有乙個prototype 顯示原型 屬性,屬性值是乙個普通的物件 3 所有引用型別都有乙個constructor 建構函式 屬性,該屬性 是乙個指標 指向它的建構函式 4 所有引用型別的 p...

仿iphone原生的時鐘程式

還沒做完,時鐘部分做了一點,用的開源的時鐘。先截圖可能效果 採用的是標籤欄加導航欄的方式。關鍵的就那麼幾行 nsstring cellidentifer cell1 tableview registerclass uitableviewcell class forcellreuseidentifie...