java时钟

最新推荐文章于 2022-04-14 18:15:28 发布
最新推荐文章于 2022-04-14 18:15:28 发布
阅读量1.6k 收藏 1
点赞数
文章标签： java div javascript delay layer function

<html>
<body bgcolor=#3A6EA5>
<p><b>用JavaScript编程实现钟表特效</b></p>
请用查看源代码方式阅读所有程序代码。
<script language="JavaScript">
<!--
dCol='#22ff';
fCol='#e09000';
sCol='00ff00';
mCol='ff0000';
hCol='ffff00';
ClockHeight=40;
ClockWidth=40;
ClockFromMouseY=0; 
ClockFromMouseX=100;

d=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
m=new Array("一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","

十二月");
date=new Date();
day=date.getDate();
year=date.getYear();
if (year < 2000) year=year+1900;
TodaysDate="年 "+m[date.getMonth()]+day+"日 "+d[date.getDay()]+" "+year;
D=TodaysDate.split('');
H='...';
H=H.split('');
M='....';
M=M.split('');
S='.....';
S=S.split('');
Face='1 2 3 4 5 6 7 8 9 10 11 12';
font='Arial';
size=1;
speed=0.9;
ns=(document.layers);
ie=(document.all);
Face=Face.split(' ');
n=Face.length;
a=size*10;
ymouse=0;
xmouse=0;
scrll=0;
props="<font face="+font+" size="+size+" color="+fCol+">";
props2="<font face="+font+" size="+size+" color="+dCol+">";
Split=360/n;
Dsplit=360/D.length;
HandHeight=ClockHeight/4.5
HandWidth=ClockWidth/4.5
HandY=-7;
HandX=-2.5;
scrll=0;
step=0.06;
currStep=0;
y=new Array();x=new Array();Y=new Array();X=new Array();
for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}
Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}
if (ns){
for (i=0; i < D.length; i++)
document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+'

width='+a+'><center>'+props2+D[i]+'</font></center></layer>');
for (i=0; i < n; i++)
document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+'

width='+a+'><center>'+props+Face[i]+'</font></center></layer>');
for (i=0; i < S.length; i++)
document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial

size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');
for (i=0; i < M.length; i++)
document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial

size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');
for (i=0; i < H.length; i++)
document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial

size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');
}
if (ie) {
document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div

style="position:relative">');
for (i=0; i < D.length; i++)
document.write('<div id="ieDate"

style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-

align:center">'+props2+D[i]+'</font></div>');
document.write('</div></div>');
document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div

style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="ieFace"

style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-

align:center">'+props+Face[i]+'</font></div>');
document.write('</div></div>');
document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div

style="position:relative">');
for (i=0; i < H.length; i++)
document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-

family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]

+'</div>');
document.write('</div></div>');
document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div

style="position:relative">');
for (i=0; i < M.length; i++)
document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-

family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]

+'</div>');
document.write('</div></div>')
document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div

style="position:relative">');
for (i=0; i < S.length; i++)
document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-

family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]

+'</div>');
document.write('</div></div>')
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
}
(ns)?window.onMouseMove=Mouse:document.οnmοusemοve=Mouse;
function ClockAndAssign(){
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs/30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins/30;
hr = time.getHours();
hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;
if (ie){
Od.style.top=window.document.body.scrollTop;
Of.style.top=window.document.body.scrollTop;
Oh.style.top=window.document.body.scrollTop;
Om.style.top=window.document.body.scrollTop;
Os.style.top=window.document.body.scrollTop;
}
for (i=0; i < n; i++){
var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;
F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;
F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);
}
for (i=0; i < H.length; i++){
var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;
HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);
}
for (i=0; i < M.length; i++){
var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;
ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;
ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);
}
for (i=0; i < S.length; i++){
var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;
SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);
}
for (i=0; i < D.length; i++){
var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;
DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;
DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);
}
currStep-=step;
}
function Delay(){
scrll=(ns)?window.pageYOffset:0;
Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);
Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);
for (i=1; i < D.length; i++){
Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);
Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);
}
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
ClockAndAssign();
setTimeout('Delay()',50);
}
if (ns||ie)window.οnlοad=Delay;
//-->
</script>
</body>
</html>

touchSea
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Java课程设计—音乐闹钟
weixin_44929244的博客
01-19 358
Java课程设计项目——音乐闹钟 功能较全、美感十足的Java音乐闹钟项目，适合练手。 使用Eclipse运行
java时钟日历
01-05
用java编写时钟日历，java的课程作业，可供初学者参考
java 闹钟_Java：每天叫醒你的不是闹钟而是梦想！
weixin_33318791的博客
02-22 178
Java：希望每天叫醒你的不是闹钟而是梦想！package text;import java.awt.*;import java.util.Date;import javax.swing.*;public class Clock extends JComponent{/****/private static final long serialVersionUID = -53794729735786...
[Java] 超级简单的java时钟，仅30多行代码
程宇寒
11-14 5935
java简单版时钟程序
用Java编写一个时钟
weixin_68177269的博客
04-14 5033
public class Display { private int value=0; private int limate=0; public void increase() { value++; if(value==limate) { value=0; } } public int getvalue() { return value; } Display(int limate){ this.limate=limate; } } public clas.
JAVA——编写时钟程序
热门推荐
Atishoo_13的博客
09-23 1万+
编写时钟程序 1.要求 创建一个窗口并实时显示当前时间，每1秒时钟内容更新一次，在界面中包含数字式和表盘式的显示。 2.语法 Java.util.Calendar包的使用 绘制时钟图形 GregorianCalendar()的用法 Calender now=new GregorianCalendar(); 绘制图形Graphics2D g2D=(Graphics2D)g;,Graphics强制...
Java时钟编写
01-03
Java编写时钟，代码简洁齐全，便于Java在可视化编程初学者使用
java时钟代码
09-13
java圆形时钟代码
JAVA时钟演示
04-07
设计一个音乐时钟，包含如下内容和功能： 1. 界面中包含一个时钟圆形表盘，表盘中有刻度，有时针、分针、秒针；界面中还包括数字显示的日期和时间； 2. 表盘时钟和数字时钟时刻走动，并伴有“嘀”、“嗒”声音； 3. ...
java课程设计音乐时钟
12-05
用java写成的精美音乐时钟 可以调整闹钟背景音乐 自己设置几首音乐就好，可以修改表盘，时针的颜色， 并且设置字母 可以更换
java小时钟
05-06
java小时钟 可走可暂停
java图形界面时钟
04-20
稍微美化了一些的界面，看起来舒服多了，获取本机时间，在表盘上显示机械钟的运动状态，不过时针跳动的有点大，因为定义的是一小时走一步，可以优化成每分钟转多大角度。
抖音超火的罗马时钟数字时钟
09-23
抖音超火的罗马时钟 下载可看源码，即可运行 抖音超火的罗马时钟 下载可看源码，即可运行 抖音超火的罗马时钟 下载可看源码，即可运行
java的图形化,时钟经典案例
08-03
经典时钟程序,包括.class,.java,.html 3个文件 一共4种类型,jar包类型
JAVA时钟
艾雨辰
11-12 878
package TASK; import java.awt.*; import java.text.DateFormat; import java.util.*; import javax.swing.*; //数字时钟 public class ClockDemo extends JFrame implements Runnable {  Thread clock;  f
【Java】Java数字时钟
小坚的技术博客
01-12 1万+
应用名称：Java数字时钟 用到的知识：Java GUI编程，线程 开发环境：win8+eclipse+jdk1.8 效果图： 源代码： import javax.swing.JFrame; import javax.swing.JPanel; import java.awt.BorderLayout; import javax.swing.JLabel; import java
java做时钟短代码_用编程做抖音上很火的时钟效果
weixin_36130963的博客
02-27 423
反正，我的抖音没人看，别人都有几十万个赞什么的。发到开源上来，大家交流下~主要用到原生态的 JS+CSS3。 具体不解释了，看注释：Titlehtml{background: #000;color: #666;font-size: 12px;overflow:hidden;}*{margin: 0;padding: 0;}span{display: block;float: left;}.on{c...
Java显示时钟
Lhw_666的博客
07-01 795
显示时钟。编写程序显示一个时钟。示例输出如下图所示。 package priv.lhw.show.clock; import javax.swing.*; import java.awt.*; public class MyFrame extends JFrame { public MyFrame(){ Toolkit toolkit = Toolkit.getDefaultToolkit(); Dimension dimension = toolkit.get
java时钟程序下载
最新发布
01-01
Java时钟程序是一种用Java语言编写的程序，用于在计算机屏幕上显示当前时间，并实时更新。初学者可以在互联网上下载和安装Java时钟程序。 要下载Java时钟程序，首先需要一个可靠的互联网连接。然后，可以通过搜索引擎在网上查找可靠的网站，如软件下载网站或开发者网站，以获取Java时钟程序的安装文件。 在搜索结果中，可以找到许多Java时钟程序的下载选项。选择一个最受欢迎和好评的程序，并确保它是最新的版本，以确保在安装和使用过程中没有问题。 在找到适合的Java时钟程序后，点击下载按钮将程序文件保存到计算机的指定位置。下载速度取决于互联网连接的速度和程序文件的大小。 一旦下载完成，可以通过双击程序文件来安装Java时钟程序。安装过程通常是自我导航的，并且会显示各种安装选项和设置，如安装路径和程序的开始菜单快捷方式。 完成安装后，可以通过开始菜单中的程序列表或在桌面上的快捷方式启动Java时钟程序。一旦启动，程序将显示当前时间，并随着时间的推移进行实时更新。 总的来说，下载Java时钟程序是一个简单的过程，只需要一个可靠的互联网连接，并通过搜索引擎找到可靠的下载网站。稍后，可以通过安装文件安装程序，并在计算机上使用Java时钟程序来显示当前时间和更新。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值