javascript 显示当前系统时间代码


Posted in Javascript onDecember 28, 2009

1.在<head></head>中加入下列代码

<script language=JavaScript> 
var timerID = null; 
var timerRunning = false; 
function stopclock (){ 
if(timerRunning) 
clearTimeout(timerID); 
timerRunning = false;} 
function startclock () { 
stopclock(); 
showtime();} 
function showtime () { 
var now = new Date(); 
var hours = now.getHours(); 
var minutes = now.getMinutes(); 
var seconds = now.getSeconds() 
var timeValue = "" +((hours >= 12) ? "下午 " : "上午 " ) 
timeValue += ((hours >12) ? hours -12 :hours) 
timeValue += ((minutes < 10) ? ":0" : ":") + minutes 
timeValue += ((seconds < 10) ? ":0" : ":") + seconds 
document.clock.thetime.value = timeValue; 
timerID = setTimeout("showtime()",1000); 
timerRunning = true;} 
</SCRIPT>

2.在<body>中加入下列代码
onload=startclock()
3.在显示时间的位置插入下列代码,建议使用表格定位
[code]
<form name=clock >
<input name=thetime style="font-size: 9pt;color:#000000;border:0" size=12>
</form>
//只获得当前系统日期的函数
<script language="JavaScript" type="text/javascript">
document.write(new Date().getYear()+"-"+(new Date().getMonth()+1)+"-"+new Date().getDate());
</script>
https://3water.com/article/12786.htm
Javascript 相关文章推荐
JS加jquery简单实现标签元素的显示或隐藏
Sep 23 Javascript
JavaScript避免代码的重复执行经验技巧分享
Apr 17 Javascript
详解jQuery中的元素的属性和相关操作
Aug 14 Javascript
Node.js检测端口(port)是否被占用的简单示例
Sep 29 Javascript
bootstrap datetimepicker日期插件使用方法
Jan 13 Javascript
Ionic 2 实现列表滑动删除按钮的方法
Jan 22 Javascript
Vue-cli proxyTable 解决开发环境的跨域问题详解
May 18 Javascript
详解vue嵌套路由-params传递参数
May 23 Javascript
详解vue渲染从后台获取的json数据
Jul 06 Javascript
微信小程序实现顶部下拉菜单栏
Nov 04 Javascript
Layui动态生成select下拉选择框不显示的解决方法
Sep 24 Javascript
JS实现无限轮播无倒退效果
Sep 21 Javascript
javascript 鼠标悬浮图片显示原图 移出鼠标后原图消失(多图)
Dec 28 #Javascript
javascript options属性集合操作代码
Dec 28 #Javascript
javascript 动态调整图片尺寸实现代码
Dec 28 #Javascript
jquery $(document).ready() 与window.onload的区别
Dec 28 #Javascript
jQuery的强大选择器小结
Dec 27 #Javascript
IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点
Dec 27 #Javascript
JavaScript 拾漏补遗
Dec 27 #Javascript
You might like
PHP 模拟登陆MSN并获得用户信息
2009/05/16 PHP
使用NetBeans + Xdebug调试PHP程序的方法
2011/04/12 PHP
fgetcvs在linux的问题
2012/01/15 PHP
在smarty中调用php内置函数的方法
2013/02/07 PHP
生成随机字符串和验证码的类的PHP实例
2013/12/24 PHP
CodeIgniter模板引擎使用实例
2014/07/15 PHP
php中有关合并某一字段键值相同的数组合并的改进
2015/03/10 PHP
PHP实现的激活用户注册验证邮箱功能示例
2017/06/06 PHP
js 加密压缩出现bug解决方案
2014/11/25 Javascript
jQuery实现倒计时重新发送短信验证码功能示例
2017/01/12 Javascript
使用jQuery监听扫码枪输入并禁止手动输入的实现方法(推荐)
2017/03/21 jQuery
nodejs个人博客开发第三步 载入页面
2017/04/12 NodeJs
nodejs express配置自签名https服务器的方法
2018/05/22 NodeJs
JavaScript设计模式之建造者模式实例教程
2018/07/02 Javascript
three.js实现圆柱体
2018/12/30 Javascript
node中使用es6/7/8(支持性与性能)
2019/03/28 Javascript
深入了解JavaScript代码覆盖
2019/06/13 Javascript
javascript(基于jQuery)实现鼠标获取选中的文字示例【测试可用】
2019/10/26 jQuery
es6中let和const的使用方法详解
2020/02/24 Javascript
详解python持久化文件读写
2019/04/06 Python
Python 使用指定的网卡发送HTTP请求的实例
2019/08/21 Python
python科学计算之narray对象用法
2019/11/25 Python
TensorFLow 变量命名空间实例
2020/02/11 Python
Python Http请求json解析库用法解析
2020/11/28 Python
亲子读书活动方案
2014/02/22 职场文书
《绿色蝈蝈》教学反思
2014/03/02 职场文书
献爱心捐款倡议书
2014/05/14 职场文书
法院干警四风问题个人对照检查材料思想汇报
2014/10/07 职场文书
个人职业及收入证明
2014/10/13 职场文书
2014年实习生工作总结
2014/11/27 职场文书
勤俭节约倡议书范文
2015/04/29 职场文书
商场圣诞节活动总结
2015/05/06 职场文书
工作经历证明范本
2015/06/15 职场文书
elementui的el-popover修改样式不生效的解决
2021/06/30 Javascript
vue实现滑动解锁功能
2022/03/03 Vue.js
Vue.Draggable实现交换位置
2022/04/07 Vue.js