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判断一个元素是否为另一个元素的子元素的代码
Mar 21 Javascript
JavaScript实现url地址自动检测并添加URL链接示例代码
Nov 12 Javascript
Jquery easyUI 更新行示例
Mar 06 Javascript
javascript异步编程代码书写规范Promise学习笔记
Feb 11 Javascript
jQuery中hover方法和toggle方法使用指南
Feb 27 Javascript
js实现带圆角的多级下拉菜单效果
Aug 28 Javascript
基于jQuery.validate及Bootstrap的tooltip开发气泡样式的表单校验组件思路详解
Jul 18 Javascript
Google 地图叠加层实例讲解
Aug 06 Javascript
js中遍历Map对象的简单实例
Aug 08 Javascript
Node.js中的child_process模块详解
Jun 08 Javascript
解决vue语法会有延迟加载显现{{xxx}}的问题
Nov 14 Javascript
Node.js fs模块原理及常见用途
Oct 22 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 实用代码收集
2010/01/22 PHP
探讨:如何通过stats命令分析Memcached的内部状态
2013/06/14 PHP
seajs1.3.0源码解析之module依赖有序加载
2012/11/07 Javascript
jquery使用append(content)方法注意事项分享
2014/01/06 Javascript
ext中store.load跟store.reload的区别示例介绍
2014/06/17 Javascript
node.js中格式化数字增加千位符的几种方法
2015/07/03 Javascript
jquery实现点击弹出带标题栏的弹出层(从右上角飞入)效果
2015/09/19 Javascript
React.js入门实例教程之创建hello world 的5种方式
2016/05/11 Javascript
jQuery获取与设置iframe高度的方法
2016/08/01 Javascript
原生JS实现左右箭头选择日期实例代码
2017/03/14 Javascript
深入理解基于vue-cli的vuex配置
2017/07/24 Javascript
详解angularJS+Ionic移动端图片上传的解决办法
2017/09/13 Javascript
微信小程序登录换取token的教程
2018/05/31 Javascript
vue-router的钩子函数用法实例分析
2019/10/26 Javascript
JavaScript设计模式之门面模式原理与实现方法分析
2020/03/09 Javascript
微信小程序间使用navigator跳转传值问题实例分析
2020/03/27 Javascript
微信h5静默和非静默授权获取用户openId的方法和步骤
2020/06/08 Javascript
swiperjs实现导航与tab页的联动
2020/12/13 Javascript
[56:57]LGD vs VP 2019DOTA2国际邀请赛淘汰赛 胜者组赛BO3 第一场 8.20.mp4
2019/08/22 DOTA
python itchat实现微信自动回复的示例代码
2017/08/14 Python
python爬虫headers设置后无效的解决方法
2017/10/21 Python
Python自动化之数据驱动让你的脚本简洁10倍【推荐】
2019/06/04 Python
Python 导入文件过程图解
2019/10/15 Python
flask框架自定义过滤器示例【markdown文件读取和展示功能】
2019/11/08 Python
Django通过dwebsocket实现websocket的例子
2019/11/15 Python
Python定义函数时参数有默认值问题解决
2019/12/19 Python
Python通过正则库爬取淘宝商品信息代码实例
2020/03/02 Python
基于matplotlib xticks用法详解
2020/04/16 Python
颇特女士:NET-A-PORTER(直邮中国)
2020/07/11 全球购物
个人评价范文分享
2014/01/11 职场文书
万年牢教学反思
2014/02/15 职场文书
2015年资料员工作总结
2015/04/25 职场文书
宝宝满月祝酒词
2015/08/10 职场文书
辅导员学期工作总结
2015/08/14 职场文书
公司年会晚会开幕词
2019/04/02 职场文书
Python基础之pandas数据合并
2021/04/27 Python