Javascript代码实现网页实时显示当前时间

No Comments

本文将介绍如何在网页中实时显示当前的时间,大家可以通过下面的链接查看演示:

代码比较简单,使用Javascript代码来实现. 通过显示可以调整年月日(例如:January, February…或者:一月,二月…).

date_time.js

Code: JavaScript

function date_time(id)
{
        date = new Date;
        year = date.getFullYear();
        month = date.getMonth();
        months = new Array(‘January’, ‘February’, ‘March’, ‘April’, ‘May’, ‘June’, ‘Jully’, ‘August’, ‘September’, ‘October’, ‘November’, ‘December’);
        d = date.getDate();
        day = date.getDay();
        days = new Array(‘Sunday’, ‘Monday’, ‘Tuesday’, ‘Wednesday’, ‘Thursday’, ‘Friday’, ‘Saturday’);
        h = date.getHours();
        if(h<10)
        {
                h = “0”+h;
        }
        m = date.getMinutes();
        if(m<10)
        {
                m = “0”+m;
        }
        s = date.getSeconds();
        if(s<10)
        {
                s = “0”+s;
        }
        result = ”+days[day]+’ ‘+months[month]+’ ‘+d+’ ‘+year+’ ‘+h+’:’+m+’:’+s;
        document.getElementById(id).innerHTML = result;
        setTimeout(‘date_time(“‘+id+'”);’,’1000′);
        return true;
}

date_time.html

Code: (X)html

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
    <head>
        <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
        <title>Display Date and Time in Javascript</title>
        <script type=”text/javascript” src=”date_time.js”></script>
    </head>
    <body>
            <span id=”date_time”></span>
            <script type=”text/javascript”>window.onload = date_time(‘date_time’);</script>
    </body>
</html>

显示作者信息, 用于告诉读者关于作者的相关介绍信息可以在 后台 > 用户> 我的个人资料 > 个人说明 中修改."

关于我们和本博客

我们是一个提供令人信服的营销解决方案的全方位服务机构。我们获胜的解决方案和经验有助于跨多个领域提供显著的效果。

免费获取方案

我们提供专业的 SEO 服务,以帮助网站大幅增加相关搜索和争夺第一页排名的高度竞争的关键字。

20+

边栏小工具