欢迎您访问【千度】vh969.com-永久免费毛片在线播放,亚洲深夜在线,影音先锋最新av资源库,歪歪漫画登录官方入口页面弹窗

羅盤旋轉時鐘Clock軟件1.0.0 安卓免費版 全站導航最近更新

  • 戰壕戰爭1914國際版(Trench Warfare1914) 像素風策略戰爭游戲
  • 網易光遇手游正版 點亮星空共慶周年
  • 地鐵跑酷體驗服國際服all stars 地鐵跑酷體驗服版本
  • 六花軟件庫app手機安卓吧 超多軟件各種版本資源隨意下載。
  • 李跳跳自動跳廣告MissLee 幫你自動跳廣告
歷史搜索

熱門搜索：冒險島楓之傳說手游黎明覺醒生機騰訊正版攜程旅行app手機版地鐵跑酷手游國服逃跑吧少年官方版

首頁 → 安卓軟件 → 生活實用 → 羅盤旋轉時鐘Clock軟件 1.0.0 安卓免費版
羅盤旋轉時鐘Clock軟件圖標

羅盤旋轉時鐘Clock軟件1.0.0 安卓免費版

  • 大小：9.8M
  • 時間：2021-06-14 10:33
  • 星級：
  • 語言：中文
  • 環境：Android
  • 版本：1.0.0 安卓免費版
  • 類別：國產軟件/ 免費軟件
  • 官網：暫無
  • 廠商：

軟件介紹 軟件截圖 相關下載 相關文章 評論(0)

精品下載精心為您推薦：

編輯點評：羅盤免費旋轉時鐘軟件

利用html+css+javascript和uniapp框架打造的一款旋轉的手機屏幕時鐘軟件，時鐘Clock app支持月日時分秒，還是那種八卦的旋轉式羅盤畫面，直接在滿屏可以顯示看時間很方便。

羅盤旋轉時鐘Clock軟件

使用說明

1、在本頁面下載手機客戶端軟件，安裝到手機上；

2、在手機上運行就可以直接使用，免費用；

3、時鐘是以滿屏轉動的形式展示時間非常有趣。

已知問題

1.秒數和系統時間相差一秒，找不到原因

2.小屏幕手機上會遮擋住一部分。本人技術有限，無法解決

3.秒數高亮偶爾會抽風慢一秒

軟件點評

1、軟件中需要隨意的切換，每一次切換都會帶來更多的樂趣。

2、用戶可以根據壁紙上不斷移動的輪盤來看當前時間，可以用不同的方式體驗時間。

3、輪盤時鐘壁紙下載后支持炫酷的旋轉功能，可以根據手機的功能來體驗這款軟件。

4、玩家可以設置八卦羅盤時鐘屏保桌面，可以讓玩家體驗最真實的八卦快感。

代碼分享

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Title</title>

<style>

html{

background: #000;

color: #666;

font-size: 12px;

overflow:hidden;

}

*{

margin: 0;

padding: 0;

}

span{

display: block;

float: left;

}

.on{

color: #fff;

}

.wrapper{

width: 200px;

height: 200px;

position: absolute;

left:50%;

top:50%;

margin-top: -100px;

margin-left: -100px;

}

.wrapper .timebox{

position: absolute;

width: 200px;

height: 200px;

top: 0;

left:0;

border-radius: 100%;

transition: all 0.5s;

}

.timebox span{

transition: all 0.5s;

float: left;

}

.wrapper  .timebox span{

position: absolute;

left:50%;

top:50%;

width: 40px;

height: 18px;

margin-top: -9px;

margin-left: -20px;

text-align: right;

}

</style>

</head>

<body>

<div id="wrapper">

<div class="timebox yuebox" id="yueBox"></div>

<div class="timebox riqiBox" id="riqiBox"></div>

<div class="timebox hourbox" id="hourbox"></div>

<div class="timebox minutebox" id="minutebox"></div>

<div class="timebox secondbox" id="secondbox"></div>

</div>

<script>

let wrapper = document.getElementById("wrapper");

let yueBox = document.getElementById("yueBox");

let riqiBox = document.getElementById("riqiBox");

let hourbox = document.getElementById("hourbox");

let minutebox = document.getElementById("minutebox");

let secondbox = document.getElementById("secondbox");

/*

* 找所有的東西標簽函數

* */

let findSiblings = function( tag ){

let parent = tag.parentNode;

let childs = parent.children;

let sb = [];

for(let i=0 ; i <= childs.length-1 ; i++){

if( childs[i]!==tag){

sb[sb.length] = childs[i];

}

}

return  sb ;

};

/*

* 去掉所有兄弟的類

* */

let removeSiblingClass =function( tag ){

let sb = findSiblings( tag );

for(let i=0 ;  i <= sb.length-1 ; i++){

sb[i].className = "";

}

};

/*

* 初始化月份函數

* */

let initMonth = function(){

for(let i=1; i<=12; i++){

let span = document.createElement("span");

span.innerHTML = i+"月";

yueBox.appendChild( span );

}

};

// 初始化日期

let initDate = function(){

for(let i=1; i<=31; i++){

let span = document.createElement("span");

span.innerHTML = i+"日";

riqiBox.appendChild( span );

}

};

// 初始化小時，分鐘，秒

let initHour = function(){

for(let i=0; i<=23; i++){

let h = i ;

let span = document.createElement("span");

if( h<10){

h="0"+h;

}

span.innerHTML = h +"點";

hourbox.appendChild( span );

}

};

let initMinute = function(){

for(let i=0; i<=59; i++){

let  f = i ;

let span = document.createElement("span");

if( f<10){

f="0"+f;

}

span.innerHTML = f +"分";

minutebox.appendChild( span );

}

};

let initSecond = function(){

for(let i=0; i<=59; i++){

let  miao = i ;

let span = document.createElement("span");

if( miao<10){

miao="0"+miao;

}

span.innerHTML = miao +"秒";

secondbox.appendChild( span );

}

};

// 時間文字樣式切換函數

let changeTime = function(tag){

tag.className = "on";

removeSiblingClass( tag );

};

/*

* 初始化日歷函數

* */

let initRili = function(){

initMonth(); // 初始化月份

initDate(); // 初始化日期

initHour(); // 小時

initMinute();

initSecond();

};

/*

* 展示當前時間

* 參數：mydate 時間對象

* */

let  showNow = function( mydate ){

let yue = mydate.getMonth() ;

let riqi = mydate.getDate();

let hour = mydate.getHours()  ;

let minute = mydate.getMinutes();

let second = mydate.getSeconds();

// 時間文字樣式切換函數

changeTime( yueBox.children[yue] );

changeTime( riqiBox.children[riqi-1] );

changeTime( hourbox.children[hour] );

changeTime( minutebox.children[minute] );

changeTime( secondbox.children[second] );

};

// 展示時間圓圈函數

// tag：目標

// num：數字數量

// dis：圓圈半徑

let textRound = function(tag,num,dis){

let span = tag.children ;

for(let i=0 ; i<=span.length-1; i++){

span[i].style.transform="rotate("+ (360/span.length)*i+"deg)  translateX("+dis+"px)" ;

}

};

/*

* 旋轉指定“圓圈”指定度數

* */

let rotateTag = function(tag , deg){

tag.style.transform = "rotate("+deg+"deg)";

};

let main = function(){

initRili(); // 初始化日歷

setInterval(function(){

let mydate = new Date();

showNow( mydate ); // 展示當前時間

},1000);

//  n秒后，擺出圓形

setTimeout(function(){

wrapper.className = "wrapper";

textRound(yueBox,12,40);

textRound(riqiBox,31,80);

textRound(hourbox,24,120);

textRound(minutebox,60,160);

textRound(secondbox,60,200);

setInterval(function(){

let mydate = new Date();

rotateTag( yueBox , -30*mydate.getMonth());

rotateTag( riqiBox , -360/31*(mydate.getDate()-1) );

rotateTag( hourbox , -360/24*mydate.getHours());

rotateTag( minutebox , -6*mydate.getMinutes());

rotateTag( secondbox , -6*mydate.getSeconds());

},1000)

},6000)

};

main();

</script>

</body>

</html>

羅盤旋轉時鐘Clock軟件截圖

下載地址

    網友評論

    熱門評論

    最新評論

    發表評論查看所有評論(0)

    昵稱:
    表情: 高興 可 汗 我不要 害羞 好 送花 親親
    字數: 0/500 (您的評論需要經過審核才能顯示)

    TOP榜

    国产精品久久久久久精品三级婷婷| 丰满多毛的大隂户毛茸茸| 粉嫩虎白女流水白浆在线播放|