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 相关文章推荐
Jquery 基础学习笔记之文档处理
May 29 Javascript
javascript showModalDialog 内跳转页面的问题
Nov 25 Javascript
JavaScript转换农历类实现及调用方法
Jan 27 Javascript
JS实现日期加减的方法
Nov 29 Javascript
javascript cookie的简单应用
Feb 24 Javascript
BootStrap制作导航条实例代码
May 06 Javascript
jQuery获取当前点击的对象元素(实现代码)
May 19 Javascript
Javascript基础_标记文字的实现方法
Jun 14 Javascript
JS读写CSS样式的方法汇总
Aug 16 Javascript
开源免费天气预报接口API及全国所有地区代码(国家气象局提供)
Dec 26 Javascript
AngularJS实现表单元素值绑定操作示例
Oct 11 Javascript
JS简单添加元素新节点的方法示例
Feb 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
Apache设置虚拟WEB
2006/10/09 PHP
windows环境下php配置memcache的具体操作步骤
2013/06/09 PHP
php统计数组不同元素的个数的实例方法
2019/09/26 PHP
PHP isset()及empty()用法区别详解
2020/08/29 PHP
JS 无法通过W3C验证的处理方法
2010/03/09 Javascript
JS 有名函数表达式全面解析
2010/03/19 Javascript
JavaScript中的面向对象介绍
2012/06/30 Javascript
JavaScript中string转换成number介绍
2014/12/31 Javascript
一种Javascript解释ajax返回的json的好方法(推荐)
2016/06/02 Javascript
canvas实现手机端用来上传用户头像的代码
2016/10/20 Javascript
JavaScript 限制文本框不可输入英文单双引号的方法
2016/12/20 Javascript
微信小程序动态增加按钮组件
2018/09/14 Javascript
vue项目移动端实现ip输入框问题
2019/03/19 Javascript
React.js组件实现拖拽排序组件功能过程解析
2020/04/27 Javascript
vue前端和Django后端如何查询一定时间段内的数据
2021/02/28 Vue.js
一起来了解一下JavaScript的预编译(小结)
2021/03/01 Javascript
Python实现矩阵加法和乘法的方法分析
2017/12/19 Python
python:接口间数据传递与调用方法
2018/12/17 Python
解决Python中list里的中文输出到html模板里的问题
2018/12/17 Python
Python3利用print输出带颜色的彩色字体示例代码
2019/04/08 Python
Python 导入文件过程图解
2019/10/15 Python
QML实现钟表效果
2020/06/02 Python
python初步实现word2vec操作
2020/06/09 Python
10个最常见的HTML5面试题 附答案
2016/06/06 HTML / CSS
基于zepto的插件之移动端无缝向上滚动并上下触摸滑动实例代码
2016/12/20 HTML / CSS
HTC VIVE美国官网:VR虚拟现实眼镜
2018/02/13 全球购物
Linux如何命名文件--使用文件名时应注意
2012/01/22 面试题
实习自我评价怎么写
2013/12/02 职场文书
党校学习思想汇报
2014/01/06 职场文书
企业标语口号
2014/06/10 职场文书
我爱家乡演讲稿
2014/09/12 职场文书
学习作风建设心得体会
2014/10/22 职场文书
2015年党员自我剖析材料
2014/12/17 职场文书
2014小学数学教师个人工作总结
2014/12/18 职场文书
网聊搭讪开场白
2015/05/28 职场文书
高中军训感想
2015/08/07 职场文书