js简单时钟

转载 2006年05月20日 11:15:00

 

1,

<html>
<head>
<title>time</title>
</head>

<body >
<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:'Arial black';color:#cccccc;font-size:20px;top:150px;left:233px"></div>
<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:'Arial black';color:#000000;font-size:20px;top:148px;left:230px"></div>
<script language=javaScript>
<!--
function www_helpor_net() {
thistime= new Date()
var hours=thistime.getHours()
var minutes=thistime.getMinutes()
var seconds=thistime.getSeconds()
if (eval(hours) <10) {hours="0"+hours}
if (eval(minutes) < 10) {minutes="0"+minutes}
if (seconds < 10) {seconds="0"+seconds}
thistime = hours+":"+minutes+":"+seconds

if(document.all) {
bgclocknoshade.innerHTML=thistime
bgclockshade.innerHTML=thistime
}

if(document.layers) {
document.bgclockshade.document.write('<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Verdana;color:FFAAAAA;font-size:20px;top:10px;left:152px">'+thistime+'</div>')
document.bgclocknoshade.document.write('<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Verdana;color:DDDDDD;font-size:20px;top:8px;left:150px">'+thistime+'</div>')
document.close()
}
var timer=setTimeout("www_helpor_net()",200)
}
www_helpor_net();
//-->
</script>

</body>
</html>

 

2.

<html>
<head>
<title>time</title>
</head>

<body >

<span id="liveclock" style"=width: 109px; height: 15px"></span>
<SCRIPT language=javascript>

function www_helpor_net()
{
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()

if(minutes<=9)
minutes="0"+minutes
if(seconds<=9)
seconds="0"+seconds
myclock="现在时刻:<font size='5' face='Arial black'>"+hours+":"+minutes+":"+seconds+"</font>"
if(document.layers){document.layers.liveclock.document.write(myclock)
document.layers.liveclock.document.close()
}else if(document.all)
liveclock.innerHTML=myclock
setTimeout("www_helpor_net()",1000)
}
www_helpor_net();
//-->
</SCRIPT>


</body>
</html>

 

3.

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script  language="JavaScript">
<!-- 
var  timerID  =  null;
var  timerRunning  =  false; 
function  stopclock()
{
//  cannot  directly  test  timerID  on  DEC  OSF/1  in  beta  4.
if(timerRunning)
clearTimeout(timerID)
timerRunning  =  false

function  startclock()
{
//  Make  sure  the  clock  is  stopped
stopclock()
showtime()

function  showtime()
{
var  now  =  new  Date()
var  hours  =  now.getHours()
var  minutes  =  now.getMinutes()
var  seconds  =  now.getSeconds()
var  timeValue  =  ""  +  ((hours  >  12)  ?  hours  -  12  :  hours)
timeValue  +=  ((minutes  <  10)  ?  ":0"  :  ":")  +  minutes
timeValue  +=  ((seconds  <  10)  ?  ":0"  :  ":")  +  seconds
timeValue  +=  (hours  >=  12)  ?  "  P.M."  :  "  A.M."
document.clock.face.value  =  timeValue 
timerID  =  setTimeout("showtime()",1000)
timerRunning  =  true
}
//-->
</script>
</head>
<body onload="startclock()">
<form  name="clock"  onsubmit="0">
<input  type="text"  name="face"  size="14">
</form> 
</body>

</html>

html5画布操作的简单学习-简单时钟

html5画布操作的简单学习-简单时针 一.什么是 Canvas? HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。 画布是一个矩形区域,您可以控制其每一像素...
  • as375256234
  • as375256234
  • 2014年12月13日 11:55
  • 2152

JS实现电子时钟效果

html/css+js实现电子时钟效果
  • lanmushan
  • lanmushan
  • 2016年08月15日 20:21
  • 2335

Java第四次实验(简易时钟)

首先吐槽一下数模,终于结束了,报警啊,第一天拉格朗日附体,设计从来没见过的各种模型,第二天化身当代陈景润,计算各种复杂模型(队友是天上地下挖数据...),第三天曹雪芹在世,满纸荒唐言,一把辛酸泪! 总...
  • fengsigaoju
  • fengsigaoju
  • 2016年05月05日 23:40
  • 1349

15款很有用的jquery时钟插件和教程

jQuery是现在使用最广泛的JS库。在你的网站里里可以使用着15款jQuery时钟插件。对于网站设计和开发人员来说,这是一个好消息。使用它们能使你的网站更美和更吸引人。 1.JDIGICLOCK ...
  • zf900901298
  • zf900901298
  • 2013年11月07日 09:35
  • 6716

【CSS3】纯CSS代码实现模拟时钟,+js对时功能。

使用CSS3纯代码来实现模拟时钟,及指针动画功能。 在这里主要使用到css3一些基本元素: border-radius:圆角边框,画圆形;表盘 Transform:变换,旋转,扭曲;刻度盘,指针形状...
  • rtian001
  • rtian001
  • 2015年09月23日 18:53
  • 1214

HTML5 简单页面实现时钟效果

界面显示: html代码: JSP Page canvas{ border...
  • u012716909
  • u012716909
  • 2016年05月19日 10:31
  • 2896

JavaScript canvas 绘制圆形时钟

canvas 绘制时钟
  • u012104947
  • u012104947
  • 2016年04月19日 15:20
  • 494

Js版带表盘的时钟

html: Js版带表盘的时钟 I II III IIII V VI VII VIII IX X XI XII ...
  • java_zhaoyanli
  • java_zhaoyanli
  • 2016年03月22日 22:51
  • 850

《JavaScript学习笔记八》:数字时钟的实现

《JavaScript学习笔记八》:数字时钟的实现在我们的生活中,数字时钟随处可见,在我们的手机上,在我们的电脑上,以及在一些时间软件上,都可以看到数字时钟,与下图类似,这篇博文我们就来模拟下数字时钟...
  • u010412719
  • u010412719
  • 2016年05月30日 20:19
  • 587

JS-有意思的人形时钟

分享自:http://chabudai.org/blog/?p=59 在这个网站看到一个很有意思的人形的时钟,分享一下,感觉很好玩的样子...
  • rsylqc
  • rsylqc
  • 2015年04月01日 15:50
  • 865
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js简单时钟
举报原因:
原因补充:

(最多只允许输入30个字)