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 单例/单体模式(Singleton)
Apr 07 Javascript
javascript内置对象arguments详解
Mar 16 Javascript
对js关键字命名的疑问介绍
Apr 25 Javascript
javascript事件委托的方式绑定详解
Jun 10 Javascript
AngularJS基础 ng-model-options 指令简单示例
Aug 02 Javascript
Vue.js每天必学之指令系统与自定义指令
Sep 07 Javascript
IntelliJ IDEA 安装vue开发插件的方法
Nov 21 Javascript
基于vue2.0实现简单轮播图
Nov 27 Javascript
vue.js实现的绑定class操作示例
Jul 06 Javascript
Flutter实现仿微信底部菜单栏功能
Sep 18 Javascript
vue用BMap百度地图实现即时搜索功能
Sep 26 Javascript
js+canvas实现画板功能
Sep 13 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
中国广播史趣谈 — 几个历史第一次
2021/03/01 无线电
php class类的用法详细总结
2013/10/17 PHP
PHP图片等比缩放类SimpleImage使用方法和使用实例分享
2014/04/10 PHP
PHP实现根据数组某个键值大小进行排序的方法
2018/03/13 PHP
使用PHP+Redis实现延迟任务,实现自动取消订单功能
2019/11/21 PHP
你必须知道的JavaScript 变量命名规则详解
2013/05/07 Javascript
c#程序员对TypeScript的认识过程
2015/06/19 Javascript
浅谈angularJS中的事件
2016/07/12 Javascript
使用JavaScript判断手机浏览器是横屏还是竖屏问题
2016/08/02 Javascript
Angular.js跨controller实现参数传递的两种方法
2017/02/20 Javascript
jQuery插件FusionCharts实现的3D帕累托图效果示例【附demo源码】
2017/03/25 jQuery
简单谈谈js的数据类型
2017/09/25 Javascript
vue实现2048小游戏功能思路详解
2018/05/09 Javascript
vue2.0父子组件间传递数据的方法
2018/08/16 Javascript
javascript实现点击星星小游戏
2019/12/24 Javascript
[05:04]DOTA2上海特级锦标赛主赛事第二日TOP10
2016/03/04 DOTA
[01:20:47]DOTA2-DPC中国联赛 正赛 Ehome vs Magma BO3 第一场 1月19日
2021/03/11 DOTA
新手该如何学python怎么学好python?
2008/10/07 Python
python 运算符 供重载参考
2009/06/11 Python
对Python正则匹配IP、Url、Mail的方法详解
2018/12/25 Python
Python闭包思想与用法浅析
2018/12/27 Python
Python自动化之数据驱动让你的脚本简洁10倍【推荐】
2019/06/04 Python
对Python强大的可变参数传递机制详解
2019/06/13 Python
Python virtualenv虚拟环境实现过程解析
2020/04/18 Python
咖啡为什么会有酸味?你喝到的咖啡為什麼是酸的?
2021/03/17 冲泡冲煮
CSS实现的一闪而过的图片闪光效果
2014/04/23 HTML / CSS
HTML5+CSS3实现无插件拖拽上传图片(支持预览与批量)
2017/01/05 HTML / CSS
HTML5 WebSocket实现点对点聊天的示例代码
2018/01/31 HTML / CSS
htnl5利用svg页面高斯模糊的方法
2018/07/20 HTML / CSS
法国高保真音响和家庭影院商店:Son Video
2019/04/26 全球购物
Nordgreen手表德国官方网站:丹麦极简主义手表
2019/10/31 全球购物
PHP开发工程师面试问题集锦
2012/11/01 面试题
动态密码技术
2012/10/18 面试题
县级文明单位申报材料
2014/05/23 职场文书
2014年售票员工作总结
2014/11/19 职场文书
Pandas实现DataFrame的简单运算、统计与排序
2022/03/31 Python