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 相关文章推荐
深入认识javascript中的eval函数
Nov 02 Javascript
正则表达式中特殊符号及正则表达式的几种方法总结(replace,test,search)
Nov 26 Javascript
基于JQuery实现的图片自动进行缩放和裁剪处理
Jan 31 Javascript
jquery中获得元素尺寸和坐标的方法整理
May 18 Javascript
告诉你什么是javascript的回调函数
Sep 04 Javascript
jquery自定义表格样式
Nov 23 Javascript
ECharts仪表盘实例代码(附源码下载)
Feb 18 Javascript
jQuery添加options点击事件并传值实例代码
May 18 Javascript
JavaScript中日期函数的相关操作知识
Aug 03 Javascript
Javascript中return的使用与闭包详解
Jan 11 Javascript
JavaScript文件的同步和异步加载的实现代码
Aug 19 Javascript
layui 设置table 行的高度方法
Aug 17 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
PHP5.3.1 不再支持ISAPI
2010/01/08 PHP
PHP中strlen()和mb_strlen()的区别浅析
2014/06/19 PHP
PHP中的排序函数sort、asort、rsort、krsort、ksort区别分析
2014/08/18 PHP
浅谈Laravel POST,PUT,PATCH 路由的区别
2019/10/15 PHP
laravel 框架结合关联查询 when()用法分析
2019/11/22 PHP
Gambit vs ForZe BO3 第三场 2.13
2021/03/10 DOTA
硬盘浏览程序,保存成网页格式便可使用
2006/12/03 Javascript
Gird事件机制初级读本
2007/03/10 Javascript
Ext JS 4实现带week(星期)的日期选择控件(实战一)
2013/08/21 Javascript
jQuery背景插件backstretch使用指南
2015/04/21 Javascript
JavaScript使用cookie实现记住账号密码功能
2015/04/27 Javascript
Javascript常用小技巧汇总
2015/06/24 Javascript
JS实现仿FLASH效果的竖排导航代码
2015/09/15 Javascript
关注jquery技巧提高jquery技能(前端开发必学)
2015/11/02 Javascript
3种js实现string的substring方法
2015/11/09 Javascript
js闭包引起的事件注册问题介绍
2016/03/29 Javascript
js实现多图左右切换功能
2016/08/04 Javascript
JS查找字符串中出现最多的字符及个数统计
2017/02/04 Javascript
详解react使用react-bootstrap当轮子造车
2017/08/15 Javascript
Angular2实现的秒表及改良版示例
2019/05/10 Javascript
Postman环境变量全局变量使用方法详解
2020/08/13 Javascript
Vue路由 重定向和别名的区别说明
2020/09/09 Javascript
Chrome插件开发系列一:弹窗终结者开发实战
2020/10/02 Javascript
ant-design表单处理和常用方法及自定义验证操作
2020/10/27 Javascript
python用字典统计单词或汉字词个数示例
2014/04/22 Python
python中requests模块的使用方法
2015/04/08 Python
python奇偶行分开存储实现代码
2018/03/19 Python
TensorFlow入门使用 tf.train.Saver()保存模型
2018/04/24 Python
基于keras中的回调函数用法说明
2020/06/17 Python
详解Python流程控制语句
2020/10/28 Python
纯css3无js实现的Android Logo(有简单动画)
2013/01/21 HTML / CSS
如何为DataGridView添加一个定制的Column Type
2014/01/21 面试题
党员承诺书怎么写
2014/05/20 职场文书
国贸专业求职信
2014/06/28 职场文书
2016年区委书记抓基层党建工作公开承诺书
2016/03/25 职场文书
宫崎骏十大动画电影,宫崎骏好看的动画电影排名
2022/03/22 日漫