zoukankan      html  css  js  c++  java
  • 第5天:js系统时间对象

    今天听了一小节,js中如何获取系统时间。最后做了一个轮播图效果,是在别人的代码上修改的,一开始做了好半天,都没做好,最后,在我的坚持下,终于做出来了。今天先到这儿,去休息了!

    获取时间对象:new Date()
    getFullYear()
    getMonth()
    getDate()
    getDay()
    getHours()
    getMinutes()
    getSeconds()

    以下是个小例子:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>js-时间</title>
    <style>
    body{
    font-size: 20px;
    }
    </style>
    <script>
    // alert(new Date());当前系统的时间对象
    window.onload=function(){
    var oBody=document.body;
    setInterval(fnTime,1000);
    fnTime();
    function fnTime(){
    var myTime=new Date();
    var iYear=myTime.getFullYear();
    var iMonth=myTime.getMonth()+1;
    var iDate=myTime.getDate();
    var iWeek=myTime.getDay();
    var iHours=myTime.getHours();
    var iMin=myTime.getMinutes();
    var iSec=myTime.getSeconds();
    if (iWeek==0) {
    iWeek="星期日";
    };
    if (iWeek==1) {
    iWeek="星期一";
    };
    if (iWeek==2) {
    iWeek="星期二";
    };
    if (iWeek==3) {
    iWeek="星期三";
    };
    if (iWeek==4) {
    iWeek="星期四";
    };
    if (iWeek==5) {
    iWeek="星期五";
    };
    if (iWeek==6) {
    iWeek="星期六";
    };
    var str=iYear+'年'+iMonth+'月'+toTwo(iDate)+' '+'日'+' '+iWeek+' '+toTwo(iHours)+':'+toTwo(iMin)+':'+toTwo(iSec);
    oBody.innerHTML=str;
    }
    }
    function toTwo(n){
    return n<10?'0'+n:''+n;
    }
    </script>
    </head>
    <body>


    </body>
    </html>

    运行效果:

  • 相关阅读:
    字符编码笔记:ASCII,Unicode 和 UTF-8
    nginx 负载均衡设置
    ubuntu 修改时区
    js 高阶函数 filter
    js 高阶函数 map reduce
    省市联级菜单--js+html
    php代码优化技巧
    json、xml ---- 数据格式生成类
    初识设计模式(1)---单例、工厂、注册树
    php 链式操作的实现 学习记录
  • 原文地址:https://www.cnblogs.com/le220/p/7392490.html
Copyright © 2011-2022 走看看