首页 > web前端 > js教程 > 正文

比较简洁的JavaScript 实时显示时间的脚本 修正版_时间日期

php中文网
发布: 2016-05-16 19:08:03
原创
1206人浏览过

JavaScript显示时间,时间还在走动着!不是一个静态的效果!
function Time() 定义一个函数。 
{ if (!document.layers&&!document.all) 
return 由于IE与Netscape对JavaScript的解释不同,造成浏览的效果不同,所以要分别写代码。这句话判断一下用户所使用的浏览器,如果两者都不是,就返回。 
var timer=new Date() 定义一个新的变量,名字为timer,为一个新的Date的对象。 
var hours=Timer.getHours() 
var minutes=Timer.getMinutes() 
var seconds=Timer.getSeconds() 分别定义3个变量,获得当前“小时”,“分钟”,“秒”的值。 
var noon="AM" if (hours>12) 
{ noon="PM" hours=hours-12 } 
if (hours==0) 
hours=12 定义一个名为“noon”的变量,当“小时”数大于12时,其值为PM,同时所得值减12;当“小时”数小于12时,其值为AM。 
if (minutesminutes="0"+minutes 
if (secondsseconds="0"+seconds 如果“分钟”数或“秒”数小于9,则在前面加一个“0”。 
myclock="" +hours+":"+minutes+":" +seconds+" "+noon+"" 用一个新变量把“小时,分,秒”结合起来。 
if (document.layers) 
{ document.layers.position. 
document.write(myclock) 
document.layers.position.document.close() } 如果浏览器是Netscape,就输出myclock,同时用于IE的代码就停止执行。 
else if (document.all) 
position.innerHTML=myclock 否则,浏览器是IE,就输出myclock。 
setTimeout("Time()",1000) 每1000毫秒,调用一次Time函数,即一秒动一次。 
onload="Time()" 页面装载时,调用Time()函数。


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]


下面这个是最简单的显示日期的方式

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号