js实时获取系统当前时间实例代码


Posted in Javascript onJune 28, 2013

(1):首先用JS编写实时显示系统时间的函数 clockon() 只有一个参数bgclock,用于指定显示用于转化后的<div>标记的名称,无返回值,大家进行网站开发时可以将改函数保存在JS文件中,以便重用  代码如下:

<script>
function clockon(bgclock)
{
    var now = new Date();
    var year = now.getYear();
    var month = now.getMonth();
    var date = now.getDate();
    var day = now.getDay();
    var hour = now.getHours();
    var minu = now.getMinutes();
    var sec = now.getSeconds();
    var week;
    month = month+1;
    if(month<10)month="0"+month;
    if(date<10)date="0"+date;
    if(hour<10)hour="0"+hour;
    if(minu<10)minu="0"+minu;
    if(sec<10)sec="0"+sec;
    var arr_week = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
    week = arr_week[day];
    var time = "";
    time = year+"年"+month+"月"+date+"日"+week+""+hour+";"+minu+";"+sec;
    if(document.all)
    {
        bgclock.innerHTML="["+time+"]"
    }
    var timer = setTimeout("clockon(bgclock)",200);   
}
</script>

(2):在页面的<body> 的onload事件中 调用 以及在要显示的地方放置div标记  代码:

<body onLoad="clockon(bgclock)">
<div id="bgclock" class="word_Green"></div>
</body>
Javascript 相关文章推荐
js 获取子节点函数 (兼容FF与IE)
Apr 18 Javascript
可以用来调试JavaScript错误的解决方案
Aug 07 Javascript
构造函数+原型模式构造js自定义对象(最通用)
May 12 Javascript
javascript中JSON对象与JSON字符串相互转换实例
Jul 11 Javascript
谈谈我对JavaScript中typeof和instanceof的深入理解
Dec 25 Javascript
深入理解bootstrap框架之入门准备
Oct 09 Javascript
js获取地址栏中传递的参数(两种方法)
Feb 08 Javascript
详解vue事件对象、冒泡、阻止默认行为
Mar 20 Javascript
基于vue-cli创建的项目的目录结构及说明介绍
Nov 23 Javascript
使用JS判断移动端手机横竖屏状态
Jul 30 Javascript
微信自定义分享链接信息(标题,图片和内容)实现过程详解
Sep 04 Javascript
原生js实现表格翻页和跳转
Sep 29 Javascript
js复制到剪切板的实例方法
Jun 28 #Javascript
Javascript无阻塞加载具体方式
Jun 28 #Javascript
Extjs4 类的定义和扩展实例
Jun 28 #Javascript
JavaScript和CSS通过expression实现Table居中显示
Jun 28 #Javascript
jquery异步跨域访问代码
Jun 28 #Javascript
基于SVG的web页面图形绘制API介绍及编程演示
Jun 28 #Javascript
纯JavaScript实现HTML5 Canvas六种特效滤镜示例
Jun 28 #Javascript
You might like
一个php作的文本留言本的例子(六)
2006/10/09 PHP
php项目打包方法
2008/02/18 PHP
php无限极分类实现的两种解决方法
2013/04/28 PHP
基于preg_match_all采集后数据处理的一点心得笔记(编码转换和正则匹配)
2014/01/31 PHP
详解Yii2.0 rules验证规则集合
2017/03/21 PHP
TP5框架model常见操作示例小结【增删改查、聚合、时间戳、软删除等】
2020/04/05 PHP
JS处理json日期格式化问题
2015/10/01 Javascript
JavaScript事件学习小结(三)js事件对象
2016/06/09 Javascript
JavaScript编写一个简易购物车功能
2016/09/17 Javascript
jQuery中的一些小技巧
2017/01/18 Javascript
jQuery动态追加页面数据以及事件委托详解
2017/05/06 jQuery
JavaScript运动框架 多值运动(四)
2017/05/18 Javascript
BootStrap 表单控件之单选按钮水平排列
2017/05/23 Javascript
微信小程序获取手机网络状态的方法【附源码下载】
2017/12/08 Javascript
vue项目常用组件和框架结构介绍
2017/12/24 Javascript
vue中将html字符串转换成html后遇到的问题小结
2018/12/10 Javascript
js实现一个简易计算器
2020/03/30 Javascript
解决layui轮播图有数据不显示的情况
2019/09/16 Javascript
小程序新版订阅消息模板消息
2019/12/31 Javascript
[01:04]DOTA2上海特锦赛现场采访 FreeAgain遭众解说围攻
2016/03/25 DOTA
Python使用百度API上传文件到百度网盘代码分享
2014/11/08 Python
python3.6使用pickle序列化class的方法
2018/10/22 Python
Python 文本文件内容批量抽取实例
2018/12/10 Python
解决sublime+python3无法输出中文的问题
2018/12/12 Python
python3.6 如何将list存入txt后再读出list的方法
2019/07/02 Python
pyftplib中文乱码问题解决方案
2020/01/11 Python
Python实现计算图像RGB均值方式
2020/06/04 Python
Html5 滚动穿透的方法
2019/05/13 HTML / CSS
do you have any Best Practice for testing
2016/06/04 面试题
九年级科学教学反思
2014/01/29 职场文书
面试后感谢信
2014/02/01 职场文书
大专毕业自我鉴定
2014/02/04 职场文书
暑期工社会实践报告
2015/07/13 职场文书
教师网络培训心得体会
2016/01/09 职场文书
《曹冲称象》教学反思
2016/02/20 职场文书
JAVA SpringMVC实现自定义拦截器
2022/03/16 Python