• js 获取系统时间:年月日 星期 时分秒(动态)


    最近再写一个纯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) }

    水平有限,就现在这里记录一下吧

  • 相关阅读:
    poj 2251
    poj 1321
    poj 2777
    poj 3468
    poj 2318
    javascript
    buhui
    swift 构造器
    mac上不了网
    字体
  • 原文地址:https://www.cnblogs.com/eyed/p/10954447.html
Copyright © 2020-2023  润新知