js 获取系统时间：年月日星期时分秒（动态）

纯HTML页面时间与天气数据获取

最新推荐文章于 2024-06-20 14:17:06 发布

weixin_30287169

最新推荐文章于 2024-06-20 14:17:06 发布

阅读量618

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/eyed/p/10954447.html

博主近期编写纯HTML页面，页面包含时间和天气数据。其中天气数据由后台提供接口，时间需自行获取，博主已完成相关操作，并记录下来，还给出了转载链接。

最近再写一个纯html页面，有时间和天气的数据，天气后台给接口，时间要自己获取，我就自己弄了下，

<div class="basic"></div>

这是放时间的div

//这是首次加载显示的*************************   
var myDate = new Date();
    var year = myDate.getFullYear();//获取年
    var month = myDate.getMonth() + 1;//获取月，默认从0开始，所以要加一
    var date = myDate.getDate();//获取日
    var hours = myDate.getHours();//获取小时
    var minutes = myDate.getMinutes();//获取分
    var seconds = myDate.getSeconds();//获取秒
    var weekend = myDate.getDay(); //获取星期几，这里获得到的是数字1-7，所以我下面自己new了一个数组把获取到的数字当下标
    var weeks = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
    var day = weeks[weekend]//这样就是显示的星期x了
　　//这些if判断是在小于10的时候前面自动补0
    if (month<10) {
        month = '0'+month
    }
    if (date<10) {
        date = '0'+date
    }
    if (hours<10) {
        hours = '0'+hours
    }
    if (minutes<10) {
        minutes = '0'+minutes
    }
    if (seconds<10) {
        seconds = '0'+seconds
    }
　　　　
    $('.basic').append("<span class='year'>"+year+"-"+month+"-"+date+"</span>"+" ")//拼接年月日
    $('.basic').append("<span class='hours'>"+hours+":"+minutes+":"+seconds+"</span>"+" ")//拼接时分秒
    $('.basic').append("<span class='day'>"+day+"</span>"+" ")星期几
    //这里是每隔一秒调用一次改变时分秒的函数*********************************
　　$(function(){
        setInterval("changeTime();",1000); //每隔一秒运行一次
    })
    function changeTime() {
        myDate = new Date();
        year = myDate.getFullYear();
        month = myDate.getMonth() + 1;
        date = myDate.getDate();
        hours = myDate.getHours();
        minutes = myDate.getMinutes();
        seconds = myDate.getSeconds();
        weekend = myDate.getDay(); 
        weeks = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
        day = weeks[weekend]
        if (month<10) {
            month = '0'+month
        }
        if (date<10) {
            date = '0'+date
        }
        if (hours<10) {
            hours = '0'+hours
        }
        if (minutes<10) {
            minutes = '0'+minutes
        }
        if (seconds<10) {
            seconds = '0'+seconds
        }
　　　　　//这里替换第一次加载的数据
        $('.year').html(year+"-"+month+"-"+date)
        $('.hours').html(hours+":"+minutes+":"+seconds)
        $('.day').html(day)
    }