怎么样做一个在线时钟?意思就是随着时间一秒一秒的动?

CaryYou 2002-09-22 01:00:54
怎么样做一个在线时钟?意思就是随着时间一秒一秒的动?
...全文
107 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
meizz 2002-09-22
  • 打赏
  • 举报
 回复
<script language="Javascript"><!--
function time_rota()
{
var now = new Date();
h = (now.getHours()>9) ? now.getHours() : "0"+now.getHours();
m = (now.getMinutes()>9) ? now.getMinutes() : "0"+now.getMinutes();
s = (now.getSeconds()>9) ? now.getSeconds() : "0"+now.getSeconds();
document.all.CLOCK.value = h+":"+m+":"+s;
}
setInterval("time_rota()",1000);
// --></script>
<input name=CLOCK size=8 value=显示时间 style="border: 0 ridge #FFFFFF">
nice90 2002-09-22
  • 打赏
  • 举报
 回复
可以使用javascript来做，很多这样的例子，你可以使用“javascript 代码资源”搜索一下。
freezwy 2002-09-22
  • 打赏
  • 举报
 回复
<script language=javascript>
var tTick;
function date() {
var enabled = 0; today = new Date();
var day; var date;
if(today.getDay()==0) day = "星期日"
else if(today.getDay()==1) day = "星期一"
else if(today.getDay()==2) day = "星期二"
else if(today.getDay()==3) day = "星期三"
else if(today.getDay()==4) day = "星期四"
else if(today.getDay()==5) day = "星期五"
else if(today.getDay()==6) day = "星期六";
if (today.getYear()>=2000)
date1 = (today.getYear()) + "年" + (today.getMonth() + 1 ) + "月" + today.getDate() + "日 ";
else
date1 = (1900 + today.getYear()) + "年" + (today.getMonth() + 1 ) + "月" + today.getDate() + "日 ";
return date1+day;
}

function tick() {
var hours, minutes, seconds, ap;
var intHours, intMinutes, intSeconds;
var today;

today = new Date();

intHours = today.getHours();
intMinutes = today.getMinutes();
intSeconds = today.getSeconds();

if (intHours == 0) {
hours = "12:";
ap = "AM";
} else if (intHours < 12) {
hours = intHours+":";
ap = "AM";
} else if (intHours == 12) {
hours = "12:";
ap = "PM";
} else {
intHours = intHours - 12
hours = intHours + ":";
ap = "PM";
}

if (intMinutes < 10) {
minutes = "0"+intMinutes+":";
} else {
minutes = intMinutes+":";
}

if (intSeconds < 10) {
seconds = "0"+intSeconds+" ";
} else {
seconds = intSeconds+" ";
}

timeString = hours+minutes+seconds+ap;

timeString = "<font color='red'>"+date()+" "+timeString+"</font>";
Clock.innerHTML = timeString

tTick=window.setTimeout("tick();", 1000)
}

document.writeln("<div id=Clock> </div>")
window.onload = tick
window.onunload = new Function("clearTimeout(tTick)")
</script>
nscoo 2002-09-22
  • 打赏
  • 举报
 回复
<html>
<head>
<meta http-equiv="Content-Type"content="text/html;charset=gb2312">
<title>纯javascript时钟</title>

<script language=JavaScript>
<!--
pX=200;pY=100
obs=new Array(13)
function ob(){
for(i=0;i<13;i++){
if(document.all)obs[i]=new Array(eval('ob'+i).style,-100,-100)
else obs[i]=new Array(eval('document.ob'+i),-100,-100)
}
}


function cl(a,b,c){
if(document.all){
if(a!=0)b+=-1
eval('c'+a+'.style.pixelTop='+(pY+(c)))
eval('c'+a+'.style.pixelLeft='+(pX+(b)))
}
else{
if(a!=0)b+=10
eval('document.c'+a+'.top='+(pY+(c)))
eval('document.c'+a+'.left='+(pX+(b)))
}
if(document.all)c0.style.pixelLeft=26
}
function runClock(){
for(i=0;i<13;i++){
obs[i][0].left=obs[i][1]+pX
obs[i][0].top=obs[i][2]+pY
}
}

var lastsec
function timer(){
time=new Date()
sec=time.getSeconds()
if(sec!=lastsec){
lastsec=sec
sec=Math.PI*sec/30
min=Math.PI*time.getMinutes()/30
hr=Math.PI*((time.getHours()*60)+time.getMinutes())/360
for(i=1;i<6;i++){
obs[i][1]=Math.sin(sec)*(44-(i-1)*11)-16;
if(document.layers)obs[i][1]+=10;
obs[i][2]=-Math.cos(sec)*(44-(i-1)*11)-27;
}

for(i=6;i<10;i++){
obs[i][1]=Math.sin(min)*(40-(i-6)*10)-16;
if(document.layers)obs[i][1]+=10;
obs[i][2]=-Math.cos(min)*(40-(i-6)*10)-27;
}

for(i=10;i<13;i++){
obs[i][1]=Math.sin(hr)*(37-(i-10)*11)-16;
if(document.layers)obs[i][1]+=10;
obs[i][2]=-Math.cos(hr)*(37-(i-10)*11)-27;
}

}
}

function setNum(){
cl(0,-67,-65);cl(1,10,-51);cl(2,28,-33);cl(3,35,-8);cl(4,28,17);cl(5,10,35);cl(6,-15,42);cl(7,-40,35);cl(8,-58,17);cl(9,-65,-8);cl(10,-58,-33);cl(11,-40,-51);cl(12,-16,-56);
}
//-->
</script>
</head>


<body bgcolor="#fef4d9"
onLoad="ob(),setNum(),setInterval('timer()',100);setInterval('runClock()',100)">
<div id="c0"style="position:absolute;right:6;top:6;z-index:2;"></div>
<div id="c1"style="position:absolute;left:20;top:-20;z-index:5;font-size:13px;"><b>1</b></div>
<div id="c2"style="position:absolute;left:20;top:-20;z-index:5;font-size:13px;"><b>2</b></div>
<div id="c3"style="position:absolute;left:20;top:-20;z-index:5;font-size:13px;"><b>3</b></div>
<div id="c4"style="position:absolute;left:20;top:-20;z-index:5;font-size:13px;"><b>4</b></div>
<div id="c5"style="position:absolute;left:20;top:-20;z-index:5;font-size:13px;"><b>5</b></div>
<div id="c6"style="position:absolute;left:20;top:-20;z-index:5;font-size:13px;"><b>6</b></div>
<div id="c7"style="position:absolute;left:20;top:-20;z-index:5;font-size:13px;"><b>7</b></div>
<div id="c8"style="position:absolute;left:20;top:-20;z-index:5;font-size:13px;"><b>8</b></div>
<div id="c9"style="position:absolute;left:20;top:-20;z-index:5;font-size:13px;"><b>9</b></div>
<div id="c10"style="position:absolute;left:20;top:-20;z-index:5;font-size:13px;"><b>10</b></div>
<div id="c11"style="position:absolute;left:20;top:-20;z-index:5;font-size:13px;"><b>11</b></div>
<div id="c12"style="position:absolute;left:20;top:-20;z-index:5;font-size:13px;"><b>12</b></div>

<div id="ob0"style="position:absolute;left:-20;top:-20;z-index:1"> </div>
<div id="ob1"style="position:absolute;left:-20;top:-20;z-index:8">
<font size="+2" color="#0000ff"><b>.</b></font></div>
<div id="ob2"style="position:absolute;left:-20;top:-20;z-index:8">
<font size="+2" color="#0000ff"><b>.</b></font></div>
<div id="ob3"style="position:absolute;left:-20;top:-20;z-index:8">
<font size="+2" color="#0000ff"><b>.</b></font></div>
<div id="ob4"style="position:absolute;left:-20;top:-20;z-index:8">
<font size="+2" color="#0000ff"><b>.</b></font></div>
<div id="ob5"style="position:absolute;left:-20;top:-20;z-index:8">
<font size="+2" color="#0000ff"><b>.</b></font></div>
<div id="ob6"style="position:absolute;left:-20;top:-20;z-index:7">
<font size="+2" color="#00ffff"><b>.</b></font></div>
<div id="ob7"style="position:absolute;left:-20;top:-20;z-index:7">
<font size="+2" color="#00ffff"><b>.</b></font></div>
<div id="ob8"style="position:absolute;left:-20;top:-20;z-index:7">
<font size="+2" color="#00ffff"><b>.</b></font></div>
<div id="ob9"style="position:absolute;left:-20;top:-20;z-index:7">
<font size="+2" color="#00ffff"><b>.</b></font></div>
<div id="ob10"style="position:absolute;left:-20;top:-20;z-index:6">
<font size="+2" color="#f30000"><b>.</b></font></div>
<div id="ob11"style="position:absolute;left:-20;top:-20;z-index:6">
<font size="+2" color="#f30000"><b>.</b></font></div>
<div id="ob12"style="position:absolute;left:-20;top:-20;z-index:6">
<font size="+2" color="#f30000"><b>.</b></font></div>

<center><font color=red siz=5>纯javascript时钟</font></center>
</body>
</html>

online 2002-09-22
  • 打赏
  • 举报
 回复
可以用js

seafarer777 2002-09-22
  • 打赏
  • 举报
 回复
参考
http://www.csdn.net/expert/topic/584/584804.xml?temp=.295849
微机汇编一秒延时子程序
微机汇编一秒延时子程序，比较难得的资源 ，单片机上延时一秒容易，微机上比较困难
SVG时钟走动图标特效
SVG时钟走动图标特效，圆形电子表指针走动，超逗啊，有一群时钟，这下可看的清楚了，基于HTML5的网页动画，指针在随系统时间一秒一秒的走动，动画是如何实现的呢？请下载代码学习下。
在网页上做一个时钟效果，动态时钟效果，每个一秒钟获取一次时间渲染到网页
在网页上做一个时钟效果，动态时钟效果，每个一秒钟获取一次时间渲染到网页
python数码时钟代码_用python写一个程序,以电子时钟格式打印时间,每隔一秒刷新一次...
1. 写一个程序，以电子时钟格式打印时间:时间格式为:HH:MM:SS时间每隔一秒刷新一次代码如下import timedef showtime():s = time.localtime(time.time())t = s[3:6]h = t[0]m = t[1]s = t[2]print(h,':',m,':',s)...
实现电子时钟效果，要求每隔一秒获取一次当前时间，并提供一个按钮控制电子时钟是否停止
【代码】实现电子时钟效果，要求每隔一秒获取一次当前时间，并提供一个按钮控制电子时钟是否停止。
ASP

28,390

社区成员

357,068

社区内容

发帖
与我相关
我的任务
社区描述
ASP即Active Server Pages，是Microsoft公司开发的服务器端脚本环境。
社区管理员
  • ASP
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章