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 相关文章推荐
prototype 1.5 &amp; scriptaculous 1.6.1 学习笔记
Sep 07 Javascript
CSDN轮换广告图片轮换效果
Mar 27 Javascript
javascript自定义startWith()和endWith()的两种方法
Nov 11 Javascript
JS 去除Array中的null值示例代码
Nov 20 Javascript
node.js中的fs.chmod方法使用说明
Dec 18 Javascript
jquery实现页面虚拟键盘特效
Aug 08 Javascript
jquery实现简单实用的弹出层效果代码
Oct 15 Javascript
浅谈JavaScript前端开发的MVC结构与MVVM结构
Jun 03 Javascript
JS双击变input框批量修改内容
Dec 12 Javascript
vue移动端弹起蒙层滑动禁止底部滑动操作
Jul 22 Javascript
vue-cli3中配置alias和打包加hash值操作
Sep 04 Javascript
Js利用正则表达式去除字符串的中括号
Nov 23 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
phpmyadmin导入(import)文件限制的解决办法
2009/12/11 PHP
php 智能404跳转代码,适合换域名没改变目录的网站
2010/06/04 PHP
PHP性能分析工具XHProf安装使用教程
2015/05/13 PHP
PHP在线书签系统分享
2016/01/04 PHP
PHP生成各种常见验证码和Ajax验证过程
2016/01/10 PHP
Laravel+Intervention实现上传图片功能示例
2019/07/09 PHP
accesskey 提交
2006/06/26 Javascript
JavaScript 学习历程和心得分享
2010/12/12 Javascript
javascript中用星号表示预录入内容的实现代码
2011/01/08 Javascript
jquery点击页面任何区域实现鼠标焦点十字效果
2013/06/21 Javascript
jQuery 全选/反选以及单击行改变背景色实例
2013/07/02 Javascript
基于JS实现无缝滚动思路及代码分享
2016/06/07 Javascript
JS文件上传神器bootstrap fileinput详解
2021/01/28 Javascript
Vue.js 2.0 移动端拍照压缩图片上传预览功能
2017/03/06 Javascript
JS回调函数基本定义与用法实例分析
2017/05/24 Javascript
Vue2.0实现购物车功能
2017/06/05 Javascript
node.js利用mongoose获取mongodb数据的格式化问题详解
2017/10/06 Javascript
Vue的移动端多图上传插件vue-easy-uploader的示例代码
2017/11/27 Javascript
vue.js整合mint-ui里的轮播图实例代码
2017/12/27 Javascript
jQuery+SpringMVC中的复选框选择与传值实例
2018/01/08 jQuery
NodeJs生成sitemap站点地图的方法示例
2019/06/11 NodeJs
使用preload预加载页面资源时注意事项
2020/02/03 Javascript
bootstrap-closable-tab可实现关闭的tab标签页插件
2020/08/09 Javascript
js重写alert事件(避免alert弹框标题出现网址)
2020/12/04 Javascript
Python中的is和id用法分析
2015/01/26 Python
Python类方法__init__和__del__构造、析构过程分析
2015/03/06 Python
Python面向对象编程基础解析(一)
2017/10/26 Python
Python中的TCP socket写法示例
2018/05/11 Python
python利用插值法对折线进行平滑曲线处理
2018/12/25 Python
基于Django的乐观锁与悲观锁解决订单并发问题详解
2019/07/31 Python
Django添加bootstrap框架时无法加载静态文件的解决方式
2020/03/27 Python
Python捕获异常堆栈信息的几种方法(小结)
2020/05/18 Python
知识改变命运演讲稿
2014/05/21 职场文书
教师求职自荐信范文
2015/03/04 职场文书
大学考试作弊检讨书
2015/05/06 职场文书
2016寒假社会实践心得体会范文
2015/10/09 职场文书