js实时获取系统当前时间实例代码

 更新时间:2013年06月28日 17:06:29   作者:  
在网页中实时的显示时间,不但可以给网页添色,还可以方便浏览者掌握当前时间,为了提高网站的开发速度,可以把主代码封装在一个单独的函数里面,在需要的时候直接调用 而我为了演示,直接写在了主页面,方便大家观看

(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实现的三种图片放大镜效果实例(附源码)

    这篇文章主要介绍了利用javascript实现的几种放大镜效果,很实用一款漂亮的js图片放大镜特效,常见于电商网站上产品页,用来放大展示图片细节,很有实用性,推荐下载学习研究。文中提供了完整的源码供大家下载,需要的朋友可以参考借鉴,一起来看看吧。
    2017-01-01
  • 原生JS使用Canvas实现拖拽式绘图功能

    原生JS使用Canvas实现拖拽式绘图功能

    这篇文章主要介绍了原生js实现Canvas实现拖拽式绘图,支持画笔、线条、箭头、三角形和圆形等等图形绘制功能,本文通过实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2019-06-06
  • Bootstrap4如何定制自己的颜色和风格

    Bootstrap4如何定制自己的颜色和风格

    这篇文章主要介绍了Bootstrap4如何定制自己的颜色和风格,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-02-02
  • 浅析JavaScript中的array数组类型系统

    浅析JavaScript中的array数组类型系统

    除了对象之外,数组Array类型可能是javascript中最常用的类型了。而且,javascript中的数组与其他多数语言中的数组有着相当大的区别。本文将介绍javascript中的数组Array类型,非常不错,感兴趣的朋友一起看下吧
    2016-07-07
  • JavaScript实现横版菜单栏

    JavaScript实现横版菜单栏

    这篇文章主要为大家详细介绍了JavaScript实现横版菜单栏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • 微信小程序中的上拉、下拉菜单功能

    微信小程序中的上拉、下拉菜单功能

    这篇文章主要介绍了微信小程序中的上拉、下拉菜单功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-03-03
  • JS控制静态页面之间传递参数获取参数并应用的简单实例

    JS控制静态页面之间传递参数获取参数并应用的简单实例

    下面小编就为大家带来一篇JS控制静态页面之间传递参数获取参数并应用的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • 浅谈javascript实现八大排序

    浅谈javascript实现八大排序

    排序有内部排序和外部排序,内部排序是数据记录在内存中进行排序,而外部排序是因排序的数据很大,一次不能容纳全部的排序记录,在排序过程中需要访问外存。我们这里说说八大排序就是内部排序。
    2015-04-04
  • 一个简单的JS时间控件示例代码(JS时分秒时间控件)

    一个简单的JS时间控件示例代码(JS时分秒时间控件)

    这篇文章主要介绍了一个简单的JS时间控件示例代码(JS时分秒时间控件)。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • JavaScript自定义插件实现tabs切换功能

    JavaScript自定义插件实现tabs切换功能

    这篇文章主要为大家详细介绍了JavaScript自定义插件实现tabs切换功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-04-04

最新评论