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 相关文章推荐
JQery 渐变图片导航效果代码 漂亮
Jan 01 Javascript
jquery获取div距离窗口和父级dv的距离示例
Oct 10 Javascript
SeaJS入门教程系列之使用SeaJS(二)
Mar 03 Javascript
JavaScript类继承及实例化的方法
Jul 25 Javascript
jquery实现仿Flash的横向滑动菜单效果代码
Sep 17 Javascript
Bootstrap每天必学之前端开发框架
Nov 19 Javascript
Vue实现virtual-dom的原理简析
Jul 10 Javascript
JS实现点击链接切换显示隐藏内容的方法
Oct 19 Javascript
解决vue 路由变化页面数据不刷新的问题
Mar 13 Javascript
Vue 通过自定义指令回顾v-内置指令(小结)
Sep 03 Javascript
vue router 源码概览案例分析
Oct 09 Javascript
详解Vue后台管理系统开发日常总结(组件PageHeader)
Nov 01 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和ACCESS写聊天室(三)
2006/10/09 PHP
PHP 缓存实现代码及详细注释
2010/05/16 PHP
把1316这个数表示成两个数的和,其中一个为13的倍数,另一个是11的倍数,求这两个数。
2011/06/24 PHP
深入理解require与require_once与include以及include_once的区别
2013/06/05 PHP
DOM XPATH获取img src值的query
2013/09/23 PHP
PHP中文编码小技巧
2014/12/25 PHP
php发送与接收流文件的方法
2015/02/11 PHP
详解WordPress开发中get_header()获取头部函数的用法
2016/01/08 PHP
ThinkPHP自定义Redis处理SESSION的实现方法
2016/05/16 PHP
JavaScript高级程序设计(第3版)学习笔记8 js函数(中)
2012/10/11 Javascript
Three.js源码阅读笔记(基础的核心Core对象)
2012/12/27 Javascript
用jQuery获取IE9下拉框默认值问题探讨
2013/07/22 Javascript
JS与jQ读取xml文件的方法
2015/12/08 Javascript
Vue.js2.0中的变化小结
2017/10/24 Javascript
详解JavaScript中的数组合并方法和对象合并方法
2018/05/11 Javascript
React Router V4使用指南(精讲)
2018/09/17 Javascript
js+html5 canvas实现ps钢笔抠图
2019/04/28 Javascript
JavaScript实现页面中录音功能的方法
2019/06/04 Javascript
[55:54]FNATIC vs EG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
简单掌握Python中glob模块查找文件路径的用法
2016/07/05 Python
Python使用getpass库读取密码的示例
2017/10/10 Python
python中将正则过滤的内容输出写入到文件中的实例
2018/10/21 Python
django如何实现视图重定向
2019/07/24 Python
解决python 文本过滤和清理问题
2019/08/28 Python
详解python中index()、find()方法
2019/08/29 Python
Pytorch根据layers的name冻结训练方式
2020/01/06 Python
Python基础之字符串操作常用函数集合
2020/02/09 Python
利用Python实现字幕挂载(把字幕文件与视频合并)思路详解
2020/10/21 Python
Python3中小括号()、中括号[]、花括号{}的区别详解
2020/11/15 Python
html5 canvas 画图教程案例分析
2012/11/23 HTML / CSS
Linux中如何用命令创建目录
2015/01/12 面试题
农民入党思想汇报
2014/01/03 职场文书
社会实践评语
2014/04/28 职场文书
产品售后服务承诺书
2014/05/21 职场文书
师德师风承诺书
2014/05/23 职场文书
Python基于百度API识别并提取图片中文字
2021/06/27 Python