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 相关文章推荐
javascript学习网址备忘
May 29 Javascript
jQuery 学习第六课 实现一个Ajax的TreeView
May 17 Javascript
JS将表单导出成EXCEL的实例代码
Nov 11 Javascript
对于Form表单reset方法的新认识
Mar 05 Javascript
Extjs表单常见验证小结
Mar 07 Javascript
jQuery跨域问题解决方案
Aug 03 Javascript
jQuery插件开发汇总
May 15 Javascript
极力推荐一款小巧玲珑的可视化编辑器bootstrap-wysiwyg
May 27 Javascript
深入浅出讲解ES6的解构
Aug 03 Javascript
Vue2.0用 watch 观察 prop 变化(不触发)
Sep 08 Javascript
vue项目webpack中Npm传递参数配置不同域名接口
Jun 15 Javascript
浅谈让你的代码更简短,更整洁,更易读的ES6小技巧
Oct 25 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中OR与|| AND与&amp;&amp;的区别总结
2013/10/26 PHP
PHP中HTML标签过滤技巧
2014/01/07 PHP
一组PHP加密解密函数分享
2014/06/05 PHP
JavaScript子窗口ModalDialog中操作父窗口对像
2012/12/11 Javascript
js优化针对IE6.0起作用(详细整理)
2012/12/25 Javascript
jquery动态添加删除一行数据示例
2014/06/12 Javascript
微信小程序 页面跳转传参详解
2016/10/28 Javascript
jQuery EasyUI Panel面板组件使用详解
2017/02/28 Javascript
教你用十行node.js代码读取docx的文本
2017/03/08 Javascript
nodejs 搭建简易服务器的图文教程(推荐)
2017/07/18 NodeJs
Javascript别踩白块儿(钢琴块儿)小游戏实现代码
2017/07/20 Javascript
原生JS实现的双色球功能示例
2018/02/02 Javascript
详解Vue基于 Nuxt.js 实现服务端渲染(SSR)
2018/04/05 Javascript
vue-cli脚手架引入弹出层layer插件的几种方法
2019/06/24 Javascript
详解Vue中Axios封装API接口的思路及方法
2020/10/10 Javascript
Nuxt 嵌套路由nuxt-child组件用法(父子页面组件的传值)
2020/11/05 Javascript
uni-app 自定义底部导航栏的实现
2020/12/11 Javascript
python if not in 多条件判断代码
2016/09/21 Python
python编程使用协程并发的优缺点
2018/09/20 Python
对python的bytes类型数据split分割切片方法
2018/12/04 Python
在PyCharm下使用 ipython 交互式编程的方法
2019/01/17 Python
python使用 request 发送表单数据操作示例
2019/09/25 Python
浅谈基于Canvas的手绘风格图形库Rough.js
2018/03/19 HTML / CSS
导出HTML5 Canvas图片并上传服务器功能
2019/08/16 HTML / CSS
HTML文本属性&amp;颜色控制属性的实现
2019/12/17 HTML / CSS
英国珠宝和手表专家:Pleasance & Harper
2020/10/21 全球购物
父亲八十大寿答谢词
2014/01/23 职场文书
《美丽的田园》教学反思
2014/03/01 职场文书
会计岗位职责范本
2014/03/07 职场文书
师范生求职信
2014/06/14 职场文书
奥林匹克运动会口号
2014/06/19 职场文书
个人租房协议书样本
2014/10/01 职场文书
玄武湖导游词
2015/02/05 职场文书
金正昆讲礼仪观后感
2015/06/11 职场文书
有趣的二维码:使用MyQR和qrcode来制作二维码
2021/05/10 Python
详解Python魔法方法之描述符类
2021/05/26 Python