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代码
Dec 01 Javascript
js取得html iframe中的元素和变量值
Jun 30 Javascript
基于JavaScript制作霓虹灯文字 代码 特效
Sep 01 Javascript
基于jquery实现弹幕效果
Sep 29 Javascript
JS代码实现百度地图 画圆 删除标注
Oct 12 Javascript
基于jQuery实现瀑布流页面
Apr 11 jQuery
浅谈Node.js轻量级Web框架Express4.x使用指南
May 03 Javascript
javascript基础进阶_深入剖析执行环境及作用域链
Sep 05 Javascript
jQuery实现注册会员时密码强度提示信息功能示例
Sep 05 jQuery
bootstrap-Treeview实现级联勾选
Nov 23 Javascript
如何利用vue+vue-router+elementUI实现简易通讯录
May 13 Javascript
vue 实现一个简单的全局调用弹窗案例
Sep 10 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 url 加密解密函数代码
2011/08/26 PHP
php使用fopen创建utf8编码文件的方法
2014/10/31 PHP
php递归函数三种实现方法及如何实现数字累加
2015/08/07 PHP
老生常谈文本文件和二进制文件的区别
2017/02/27 PHP
PHP 实现浏览记录并按日期分组
2017/05/11 PHP
PHP 实现重载
2021/03/09 PHP
javascript入门·动态的时钟,显示完整的一些方法,新年倒计时
2007/10/01 Javascript
解决3.01版的jquery.form.js中文乱码问题的解决方法
2012/03/08 Javascript
JS模拟自动点击的简单实例
2013/08/08 Javascript
javascript操作table(insertRow,deleteRow,insertCell,deleteCell方法详解)
2013/12/16 Javascript
JS禁用页面上所有控件的实现方法(附demo源码下载)
2015/12/17 Javascript
JavaScript实现点击文本自动定位到下拉框选中操作
2016/06/15 Javascript
JavaScript 是什么意思
2016/09/22 Javascript
JS控制div跳转到指定的位置的几种解决方案总结
2016/11/05 Javascript
JavaScript 基础表单验证示例(纯Js实现)
2017/07/20 Javascript
bing Map 在vue项目中的使用详解
2018/04/09 Javascript
微信小程序实现跑马灯效果完整代码(附效果图)
2018/05/30 Javascript
vue富文本框(插入文本、图片、视频)的使用及问题小结
2018/08/17 Javascript
深入理解Puppeteer的入门教程和实践
2019/03/05 Javascript
vue循环数组改变点击文字的颜色
2019/10/14 Javascript
详解Vue 的异常处理机制
2020/11/30 Vue.js
[01:04:01]2014 DOTA2华西杯精英邀请赛5 24 DK VS VG
2014/05/25 DOTA
python 提取文件的小程序
2009/07/29 Python
python实现探测socket和web服务示例
2014/03/28 Python
调试Python程序代码的几种方法总结
2015/04/28 Python
在Apache服务器上同时运行多个Django程序的方法
2015/07/22 Python
pytorch 在网络中添加可训练参数,修改预训练权重文件的方法
2019/08/17 Python
pandas实现excel中的数据透视表和Vlookup函数功能代码
2020/02/14 Python
我看到了用指针调用函数的不同语法形式
2014/07/16 面试题
Linux的文件类型
2012/03/07 面试题
2014年最新学习全国两会精神心得
2014/03/17 职场文书
《风娃娃》教学反思
2014/04/19 职场文书
党员群众路线整改措施及今后努力方向
2014/10/28 职场文书
《角的初步认识》教学反思
2016/02/17 职场文书
那些美到让人窒息的诗句,值得你收藏!
2019/08/20 职场文书
创业计划书之密室逃脱
2019/11/08 职场文书