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脚本实现Web页面信息交互
Dec 21 Javascript
写自已的js类库需要的核心代码
Jul 16 Javascript
5秒后跳转效果(setInterval/SetTimeOut)
May 03 Javascript
js禁止页面复制功能禁用页面右键菜单示例代码
Aug 29 Javascript
Extjs表单常见验证小结
Mar 07 Javascript
javascript操作ul中li的方法
May 14 Javascript
js实现的二级横向菜单条实例
Aug 22 Javascript
BootStrap智能表单实战系列(十一)级联下拉的支持
Jun 13 Javascript
ThinkJS中如何使用MongoDB的CURD操作
Dec 13 Javascript
动态加载css方法实现和深入解析
Jan 18 Javascript
vue-router+vuex addRoutes实现路由动态加载及菜单动态加载
Sep 28 Javascript
ant-design表单处理和常用方法及自定义验证操作
Oct 27 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
AJAX for PHP简单表数据查询实例
2007/01/02 PHP
PHP实现绘制3D扇形统计图及图片缩放实例
2014/10/01 PHP
php源码分析之DZX1.5随机数函数random用法
2015/06/17 PHP
编写PHP程序检查字符串中的中文字符个数的实例分享
2016/03/17 PHP
Jquery 的扩展方法总结
2011/10/01 Javascript
JavaScript设计模式之外观模式实例
2014/10/10 Javascript
在JavaScript中操作时间之getMonth()方法的使用
2015/06/10 Javascript
jQuery点击按钮弹出遮罩层且内容居中特效
2015/12/14 Javascript
移动端界面的适配
2017/01/11 Javascript
js css自定义分页效果
2017/02/24 Javascript
Vue的轮播图组件实现方法
2018/03/03 Javascript
Node.js中,在cmd界面,进入退出Node.js运行环境的方法
2018/05/12 Javascript
详解关于Angular4 ng-zorro使用过程中遇到的问题
2018/12/05 Javascript
如何让Nodejs支持H5 History模式(connect-history-api-fallback源码分析)
2019/05/30 NodeJs
微信小程序图片加载失败时替换为默认图片的方法
2019/12/09 Javascript
Element Breadcrumb 面包屑的使用方法
2020/07/26 Javascript
Vue 按照创建时间和当前时间显示操作(刚刚,几小时前,几天前)
2020/09/10 Javascript
js实现简单图片拖拽效果
2021/02/22 Javascript
Python模块学习 datetime介绍
2012/08/27 Python
python发送邮件示例(支持中文邮件标题)
2014/02/16 Python
Python+Pandas 获取数据库并加入DataFrame的实例
2018/07/25 Python
Python 限制线程的最大数量的方法(Semaphore)
2019/02/22 Python
tensorflow之并行读入数据详解
2020/02/05 Python
numpy库reshape用法详解
2020/04/19 Python
中外合拍动画首获奥斯卡提名,“上海出品”《飞奔去月球》能否拿下最终大奖?
2021/03/16 国漫
Dyson加拿大官方网站:购买戴森吸尘器,风扇,冷热器及配件
2016/10/26 全球购物
意大利在线购买隐形眼镜网站:VisionDirect.it
2019/03/18 全球购物
AJAX的全称是什么
2012/11/06 面试题
《白鹅》教学反思
2014/04/13 职场文书
商场开业庆典策划方案
2014/06/02 职场文书
党的群众路线教育实践活动宣传标语口号
2014/06/06 职场文书
通信工程求职信
2014/07/16 职场文书
车辆年审委托书范本
2014/09/18 职场文书
办公室班子四风问题对照检查材料
2014/10/04 职场文书
贪污受贿检讨书范文
2014/11/19 职场文书
Linux安装apache服务器的配置过程
2021/11/27 Servers