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>

相关文章推荐

CSS+JS实现简单的时钟

之前在网站上看到过别人用几行CSS代码就实现了一个简单的时钟,感觉挺有趣的,就自己仿照着也实现了一下。感觉里面用到的知识点都挺适合新手学习的,所以贴出来和大家一起学习学习。下面是实现后的效果图。实现的...

CSS3+js实现简单的旋转圆环时钟效果实例

时钟的demo *{margin:0;padding:0;} .loading{margin:100px auto;width:25em;height:8em;position: relati...

JS特效--跟随鼠标移动的日历时钟

跟随鼠标移动的日历时钟

javascript学习之 小案例 (29)——js时钟

1、效果图: 项目已经放在了我的个人网站上——>点击查看效果2、实现思路 html部分使用flex布局来定位; js部分使用date对象和定时器setInterval实现,date对象相关...

js的倒计时时钟代码

之间--> function setcountdown(theyear,themonth,theday){ yr=theyear;mo=themonth;da=theday } set...

JS动态时钟

function showtime(){   var timerID=null;   var now=new Date();   var year=now.getYear();//当前的年  ...

js时钟(二)

js实现模拟时钟

说说今天学习的用JS绘制绚丽的时钟效果

今天又是一天的html5的Canvas属性的学习,然后自己做了一个小demo,绘制了一个绚丽的带有动画效果的时钟。 废话不多说,先贴图,大家感受下: 上面分别是时分秒,时间走动,只有某个数字改变了...

炫酷时钟(css3+js)

html css *{ margin: 0; padding: 0; ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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