对象、日期对象

对象

<script>
function abd(){

}
/*
对象，在js中，万物皆对象

在js中声明对象的方法
1.直接使用{}声明对象
    obj={
        key:value key表示属性名,value 表示属性值, 如果属性值是一个函数，则该属性称为对象的方法
    }
    获取属性的值, obj.key
    执行对象的方法 obj.key(); key此时是方法名
    该形式{key:value} 也可以称为字面量形式
    如果写成 { "key":"value" } 称为 json 格式
2.使用构造函数创建对象
    let obj = new Object();

obj.key=value; 给属性key设置value;
直接 obj.key 获取属性key的值
obj.key =function(){} 给对象设置方法key
obj.key(); 调用对象的方法

也可以通过 obj[key] 的形式获取和设置属性值，并且该形式支持属性名为变量
*/
let wp =document.getElementById('wp');
console.log(wp.id);

// 声明一个对象
let obj1={
    name:'女娲',
    age:5000,
    act:function(){
        console.log('女娲补天');
    }
}
console.log(obj1);

let obj2={
    name:'精卫',
    age:5,
    act:function(){
        console.log('精卫填海');
    }
}
console.log(obj2);

// 获取属性值
console.log(obj2.name);
// 执行对象的方法
obj2.act();

// 使用构造函数声明对象
let obj3 = new Object();
// 给对象设置属性和方法
obj3.name = '刑天';
obj3.age = 230;
obj3.act= function(){
    console.log('刑天舞干戚');
};
console.log( obj3 );
obj3.act();

obj1.sex ='女';
console.log(obj1);
let aa='name';
console.log( obj1.aa,obj1[aa],obj1['age']);
</script>

对象的使用

<script>
    let arr = [
        {
            name: '女娲',
            msg: '女娲补天女娲补天女娲补天女娲补天女娲补天女娲补天女娲补天女娲补天女娲补天女娲补天',
            url: './images/197.png'
        },
        {
            name: '嫦娥',
            msg: '嫦娥奔月嫦娥奔月嫦娥奔月嫦娥奔月嫦娥奔月嫦娥奔月嫦娥奔月嫦娥奔月嫦娥奔月嫦娥奔月',
            url: './images/199.png'
        },
        {
            name: '杨玉环',
            msg: '杨玉环吃货杨玉环吃货杨玉环吃货杨玉环吃货杨玉环吃货杨玉环吃货杨玉环吃货杨玉环吃货杨玉环吃货',
            url: './images/200.png'
        },
        {
            name: '貂蝉',
            msg: '貂蝉法师貂蝉法师貂蝉法师貂蝉法师貂蝉法师貂蝉法师貂蝉法师貂蝉法师',
            url: './images/229.png'
        },
    ]
    let btn = document.getElementById('btn');
    let list = document.getElementById('list');
    btn.onclick = function () {
        let str = '';
        for (i = 0; i < arr.length; i++) {
            str += `
        <li>
            <img src="${arr[i].url}" alt="">
            <div>
                <h3>${arr[i].name}</h3>
                <span>${arr[i].msg}</span>
            </div>
        </li>
        `;
        };
        list.innerHTML += str;

    }

</script>

日期对象

<script>
/*
js中具有一个专门用来操作日期的对象类型
使用 Date() 构造函数创建日期对象

如果Date中没有任何参数, 则此时得到的结果是当前电脑的系统时间
*/
let t1 = new Date();
console.log(t1);
console.log( typeof t1 );
/*
getFullYear() 获取当前年份
*/
console.log( t1.getFullYear() );
let yy=t1.getFullYear();
/*
getMonth() 获取当前日期对象中的月份,月份从0开始
0 表示 一月
*/
console.log( t1.getMonth() );
let mon=t1.getMonth();
/*
getDate() 获取当前日期对象中月份的第几天
*/
console.log( t1.getDate() );
let dd=t1.getDate();

/*
getDay() 表示一周中的第几天, 也就是星期几, 0表示周日
返回值是 0-6
*/
console.log( t1.getDay() );

/*
getHours() 获取当前对象的小时数,范围是0-23
*/
console.log( t1.getHours() );
let hh=t1.getHours();
/*
getMinutes() 获取当前对象的分钟数, 范围是0-59
*/
console.log( t1.getMinutes() );
let m=t1.getMinutes();

/*
getSeconds() 获取当前对象的秒数, 范围是0-59
*/
console.log( t1.getSeconds() );
let s=t1.getSeconds();

/*
getMilliseconds() 获取当前对象的毫秒数, 范围是0-999
1s = 1000ms
*/
console.log( t1.getMilliseconds() );

times.innerHTML =`${yy}-${mon+1}-${dd} ${hh}:${m}:${s}`;

/*
getTime() 获取 1970年1月1日8时到当前时间的毫秒数，称为 时间戳
*/
console.log( t1.getTime() );


</script>

日期对象的使用

<script>
// 封装设置当前日期的函数
function setTime(){
    let myDate =new Date();
    let yy=myDate.getFullYear(); // 年
    let mm=myDate.getMonth()+1;   // 月，记得+1
    let dd=myDate.getDate();   // 日

    let hh=myDate.getHours();  // 时
    let m=myDate.getMinutes(); // 分
    let s=myDate.getSeconds(); // 秒

    let week=['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];
    let day=myDate.getDay(); // 一周的第几天

    aa.innerHTML=`${yy}-${mm<10?'0'+mm:mm}-${dd<10?'0'+dd:dd} ${hh<10?'0'+hh:hh}:${m<10?'0'+m:m}:${s<10?'0'+s:s} 今天是${week[day]}`;

}
setTime();
// 设置计时器
setInterval(setTime,1000);
</script>