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中prototype关键字的功能介绍及使用示例
Jul 21 Javascript
使用jquery hover事件实现表格的隔行换色功能示例
Sep 03 Javascript
使用js声明数组,对象在jsp页面中(获得ajax得到json数据)
Nov 05 Javascript
JS拖动鼠标画出方框实现鼠标选区的方法
Aug 05 Javascript
解决jquery无法找到其他父级子集问题的方法
May 10 Javascript
AngularJS Select(选择框)使用详解
Jan 18 Javascript
详解js的作用域、预解析机制
Feb 05 Javascript
vue 表单输入格式化中文输入法异常问题
May 30 Javascript
js中对象和面向对象与Json介绍
Jan 21 Javascript
vue.js 打包时出现空白页和路径错误问题及解决方法
Jun 26 Javascript
微信小程序实现简单的select下拉框
Nov 23 Javascript
vue使用lodop打印控件实现浏览器兼容打印的方法
Feb 07 Vue.js
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
使用sockets:从新闻组中获取文章(三)
2006/10/09 PHP
PHP学习之字符串比较和查找
2011/04/17 PHP
探讨:如何使用PhpDocumentor生成文档
2013/06/25 PHP
详解PHP的Yii框架中的Controller控制器
2016/03/29 PHP
PHP简单留言本功能实现代码
2017/06/09 PHP
jQuery1.6 正式版发布并提供下载
2011/05/05 Javascript
一个JQuery操作Table的代码分享
2012/03/30 Javascript
基于jquery ajax 用户无刷新登录方法详解
2012/04/28 Javascript
30个经典的jQuery代码开发技巧
2014/12/15 Javascript
jQuery+easyui中的combobox实现下拉框特效
2015/02/27 Javascript
JS中对数组元素进行增删改移的方法总结
2016/12/15 Javascript
详解vue-router2.0动态路由获取参数
2017/06/14 Javascript
在Vue中使用echarts的实例代码(3种图)
2017/07/10 Javascript
如何理解Vue的render函数的具体用法
2017/08/30 Javascript
web前端页面生成exe可执行文件的方法
2018/02/08 Javascript
js常用正则表达式集锦
2019/05/17 Javascript
vue简单封装axios插件和接口的统一管理操作示例
2020/02/02 Javascript
vue实现循环滚动列表
2020/06/30 Javascript
design vue 表格开启列排序的操作
2020/10/28 Javascript
[01:17:47]TNC vs VGJ.S 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python验证码识别的实例详解
2016/09/09 Python
Python元字符的用法实例解析
2018/01/17 Python
Python使用win32 COM实现Excel的写入与保存功能示例
2018/05/03 Python
python生成ppt的方法
2018/06/07 Python
对Python中Iterator和Iterable的区别详解
2018/10/18 Python
python获取服务器响应cookie的实例
2018/12/28 Python
Django框架教程之中间件MiddleWare浅析
2019/12/29 Python
html5 worker 实例(一) 为什么测试不到效果
2013/06/24 HTML / CSS
京东港澳售:京东直邮港澳台
2018/01/31 全球购物
Douglas意大利官网:购买香水和化妆品
2020/05/27 全球购物
开国大典观后感
2015/06/04 职场文书
2016中秋晚会开幕词
2016/03/03 职场文书
导游词之太湖
2019/10/08 职场文书
导游词之任弼时故居
2020/01/07 职场文书
浅谈mysql返回Boolean类型的几种情况
2021/06/04 MySQL
MySQL开启事务的方式
2021/06/26 MySQL