js羅盤時鐘代碼,js羅盤時鐘代碼大全

本文目錄一覽：

• 1、電腦桌面羅盤時鐘源代碼怎麼寫
• 2、DW網頁怎麼設計一個時鐘
• 3、怎麼在電腦上設置代碼時鐘？
• 4、求大神製作一個電腦版羅盤時鐘壁紙？
• 5、羅盤代碼是由幾部分組成的
• 6、最近抖音最火的時鐘是什麼？

電腦桌面羅盤時鐘源代碼怎麼寫

import java.awt.*；

導入Java.awt.event.*；

import javax.swing.*；

import java.lang.*；

import java.util.*；

publicclassrunabletestextendsjframeimplementsrunnable {

JPanel pnlMain； //定義變量

Jlabel Lbl時間； //定義變量

thread thd時間； //定義變量

日期數據顯示

DW網頁怎麼設計一個時鐘

!DOCTYPE html

head

meta charset=”UTF-8″

title使用canvas元素繪製指針式動畫時鐘/title

script type=”text/javascript”

var canvas;

var context;

//頁面裝載

function window_onload()

{

canvas=document.getElementById(“canvas”);//獲取canvas元素

context=canvas.getContext(‘2d’);//獲取canvas元素的圖形上下文對象

setInterval(“draw()”,1000);//每隔一秒重繪時鐘，重新顯示時間

}

//繪製時鐘

function draw()

{

var radius=Math.min(canvas.width / 2, canvas.height / 2) -25;//時鐘羅盤半徑

var centerx=canvas.width/2;//時鐘中心橫坐標

var centery=canvas.height/2;//時鐘中心縱坐標

context.clearRect(0,0,canvas.width,canvas.height);//擦除之前所繪時鐘

context.save();//保存當前繪製狀態

//繪製時鐘圓盤

context.fillStyle = ‘#efefef’;//時鐘背景色

context.strokeStyle = ‘#c0c0c0’;//時鐘邊框顏色

context.beginPath();//開始創建路徑

context.arc(centerx,centery,radius, 0,Math.PI*2, 0);//創建圓形羅盤路徑

context.fill();//用背景色填充羅盤

context.stroke();//用邊框顏色繪製羅盤邊框

context.closePath();//關閉路徑

context.restore();//恢復之前保存的繪製狀態

//繪製時鐘上表示小時的文字

var r = radius – 10;//縮小半徑，因為要將文字繪製在時鐘內部

context.font= ‘bold 16px 宋體’;//指定文字字體

Drawtext(‘1’, centerx + (0.5 * r), centery – (0.88 * r));

Drawtext(‘2’, centerx + (0.866 * r), centery – (0.5 * r));

Drawtext(‘3’, centerx + radius – 10,centery);

Drawtext(‘4’, centerx + (0.866 * r), centery + (0.5 * r));

Drawtext(‘5’, centerx + (0.5 * r), centery + (0.866 * r));

Drawtext(‘6’, centerx, centery + r);

Drawtext(‘7’, centerx – (0.5 * r), centery + (0.866 * r));

Drawtext(‘8’, centerx – (0.866 * r), centery + (0.49 * r));

Drawtext(‘9’, centerx – radius + 10, centery);

Drawtext(’10’,centerx – (0.866 * r),centery – (0.50 * r));

Drawtext(’11’, centerx – (0.51 * r), centery – (0.88 * r));

Drawtext(’12’, centerx, 35);

//繪製時鐘指針

var date=new Date();//獲取需要表示的時間

var h = date.getHours();//獲取當前小時

var m = date.getMinutes();//獲取當前分鐘

var s=date.getSeconds();//獲取當前秒

var a = ((h/12) *Math.PI*2) – 1.57 + ((m / 60) * 0.524);//根據當前時間計算指針角度

context.save();//保存當前繪製狀態

context.fillStyle=’black’; //指定指針中心點的顏色

context.beginPath();//開始創建路徑

context.arc(centerx,centery,3,0,Math.PI * 2, 0);//創建指針中心點的路徑

context.closePath();//關閉路徑

context.fill();//填充指針中心點

context.lineWidth=3;//指定指針寬度

context.fillStyle=’darkgray’;//指定指針填充顏色

context.strokeStyle=’darkgray’;//指定指針邊框顏色

context.beginPath();//開始創建路徑

//繪製小時指針

context.arc(centerx,centery,radius – 55, a + 0.01, a, 1);

context.lineTo(centerx,centery);

//繪製分鐘指針

context.arc(centerx,centery,radius – 40, ((m/60) * 6.27) – 1.57, ((m/60) * 6.28) – 1.57, 0);

context.lineTo(canvas.width / 2, canvas.height / 2);

//繪製秒鐘指針

context.arc(centerx,centery,radius – 30, ((s/60) * 6.27) – 1.57, ((s/60) * 6.28) – 1.57, 0);

context.lineTo(centerx,centery);

context.closePath();//關閉路徑

context.fill();//填充指針

context.stroke();//繪製指針邊框

context.restore();//恢復之前保存的繪製狀態

//指定時鐘下部當前時間所用的字符串，文字格式為hh:mm:dd

var hours = String(h);

var minutes = String(m);

var seconds = String(s);

if (hours.length == 1) h = ‘0’ + h;

if (minutes.length == 1) m = ‘0’ + m;

if (seconds.length == 1) s = ‘0’ + s;

var str =h + ‘:’ + m + ‘:’ +s;

//繪製時鐘下部的當前時間

Drawtext(str, centerx, centery + radius + 12);

}

function Drawtext(text, x, y)

{

//因為需要使用到坐標平移，所以在平移前線保存當前繪製狀態

context.save();

x -= (context.measureText(text).width / 2);//文字起點橫坐標

y +=9;//文字起點縱坐標

context.beginPath();//開始創建路徑

context.translate(x, y);//平移坐標

context.fillText(text,0,0);//填充文字

context.restore();

}

/script

style

div{

display: -moz-box;

display: -webkit-box;

-moz-box-pack: center;

-webkit-box-pack: center;

width:100%;

}

canvas{

background-color:white;

}

/style

/head

body onload=”window_onload()”

divh1使用canvas元素繪製指針式動畫時鐘/h1/div

divcanvas id=”canvas” width=”200px” height=”200px”/canvasdiv//這裡就是你的時鐘的位置。

/body

/html

怎麼在電腦上設置代碼時鐘？

1.首先單擊鼠標右鍵，在出zhi現的選項中選擇“小工具”

2.在小工具裡面我們會看到一個”時鐘圖標“。

3.雙擊此圖標或者鼠標放到圖標上，按住拖動，即可將時鐘移動到桌面上，按住時鐘圖標，即可移動到適合的位置。

4.鼠標放在時鐘圖標上，然後單擊右鍵，在彈出的菜單中選擇“選項”。

5.即可進行時鐘設置，可以選擇自己喜歡的樣式，輸入時鐘上的文字。

6.完成後點擊確定，即可得到自己喜歡款式的時鐘了。

求大神製作一個電腦版羅盤時鐘壁紙？

可以在電腦上安裝360小鳥壁紙啊，裡面壁紙很全的，你可以找一下啊，也許可以找到現成的

羅盤代碼是由幾部分組成的

3部分。代碼設計的原則包括唯一確定性、標準化和通用性、可擴充性與穩定性、便於識別與記憶、力求短小與格式統一以及容易修改等。羅盤代碼是新手拿來練手的基礎代碼，是由字符、符號、信號碼元組這3部分組成，代碼是程序員用開發工具所支持的語言寫出來的源文件。

最近抖音最火的時鐘是什麼？

最近抖音最火的時鐘是“羅盤時鐘”。

如果你是安卓用戶，需要下載一個軟件，安裝完成後，我們直接打開，這裡提供了兩個設置方法：怕麻煩的朋友可以直接設置，點擊“設置壁紙→應用”，就能成功開啟。缺點就是，不是特別美觀，就是最原始的狀態。

如果你有合適的背景，可以自己自定義壁紙的類型，羅盤的字體大小、位置等等。缺點就是，弄不好就顯得很low。不過設置完之後，要記得將這款軟件加入後台白名單，不然後台會自動清理，壁紙就會失效。

科主同樣分享一下iOS用戶設置的方法，目前iOS暫時沒有專門的設置軟件，由於iOS系統的封閉性，這個羅盤時鐘的效果只能通過 LivePhoto實現。

另外還需要注意的是，這個效果雖然能在iOS系統上實現，但是只是一張動態壁紙，所以顯示的時鐘、日期並不是實時的。而且觀看的時候需要長按才能出現轉動的效果，同時僅支持iPhone 6S以上機型（iPhone XR除外）。