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 rc2)使用指南(1)
Jan 10 Javascript
jquery显示隐藏input对象
Jul 21 Javascript
jQuery延迟加载图片插件Lazy Load使用指南
Mar 25 Javascript
学习JavaScript设计模式(接口)
Nov 26 Javascript
基于Node.js的JavaScript项目构建工具gulp的使用教程
May 20 Javascript
JS获取input file绝对路径的方法(推荐)
Aug 02 Javascript
javascript DOM的详解及实例代码
Mar 06 Javascript
JS和jQuery通过this获取html标签中的属性值(实例代码)
Sep 11 jQuery
vue编译打包本地查看index文件的方法
Feb 23 Javascript
jQuery中元素选择器(element)简单用法示例
May 14 jQuery
浅谈微信小程序之官方UI框架we-ui使用教程
Aug 20 Javascript
浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)
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实现XML和数组的相互转化功能示例
2017/02/08 PHP
thinkphp关于简单的权限判定方法
2017/04/03 PHP
php进程daemon化的正确实现方法
2018/09/06 PHP
PHP中的empty、isset、isnull的区别与使用实例
2019/03/22 PHP
phpcmsv9.0任意文件上传漏洞解析
2020/10/20 PHP
getElementById在任意一款浏览器中都可以用吗的疑问回复
2007/05/13 Javascript
JQuery 浮动导航栏实现代码
2009/08/27 Javascript
js与jQuery 获取父窗、子窗的iframe
2013/12/20 Javascript
网站内容禁止复制和粘贴、另存为的js代码
2014/02/26 Javascript
js function定义函数的几种不错方法
2014/02/27 Javascript
jQuery设置指定网页元素宽度和高度的方法
2015/03/25 Javascript
WEB开发之注册页面验证码倒计时代码的实现
2016/12/15 Javascript
详解Angularjs 如何自定义Img的ng-load 事件
2017/02/15 Javascript
RequireJs的使用详解
2017/02/19 Javascript
Angular.js中ng-include用法及多标签页面的实现方式详解
2017/05/07 Javascript
JavaScript实现图片本地预览功能【不用上传至服务器】
2017/09/20 Javascript
Vue组件通信之Bus的具体使用
2017/12/28 Javascript
tangram.js库实现js类的方式实例分析
2018/01/06 Javascript
jquery实现二级导航下拉菜单效果实例
2019/05/14 jQuery
深入理解javascript prototype的相关知识
2019/09/19 Javascript
从表单校验看JavaScript策略模式的使用详解
2020/10/17 Javascript
Vue项目如何引入bootstrap、elementUI、echarts
2020/11/26 Vue.js
pygame学习笔记(5):游戏精灵
2015/04/15 Python
一篇文章入门Python生态系统(Python新手入门指导)
2015/12/11 Python
Python3实现计算两个数组的交集算法示例
2019/04/03 Python
Pytorch框架实现mnist手写库识别(与tensorflow对比)
2020/07/20 Python
Python绘制词云图之可视化神器pyecharts的方法
2021/02/23 Python
Woods官网:加拿大最古老、最受尊敬的户外品牌之一
2020/09/12 全球购物
shell程序中如何注释
2012/01/28 面试题
策划助理岗位职责
2013/11/18 职场文书
我们的节日清明节活动方案
2014/03/05 职场文书
水毁工程实施方案
2014/04/01 职场文书
招标承诺书
2014/08/30 职场文书
预备党员介绍人意见
2015/06/01 职场文书
PHP基本语法
2021/03/31 PHP
Win11开始菜单添加休眠选项
2022/04/19 数码科技