Javascript的第五天

1. 设置节点属性

1. 获取节点属性

getAttribute(属性) 获取属性

通过这个方法，可以得到某些元素的某些属性。

alert(demo.getAttribute("title"));

2、

删除某个属性

removeAttribute(“属性”);

demo.removeAttribute(“title”)

3、内置对象

1、

1. 日期函数 ( Date() )

这个函数（对象）可以设置我们本地日期。年月日时分秒

2、

1. 1. 声明日期

var date = new Date();

创造声明一个新的日期函数赋值给了 date

var arr = new Array();

3、

1. 1. 使用函数

得到毫秒数 ms s m h

从 1970 年1 月1号 unix 32位 68年

2038 千年虫 64 位

var date = new Date();

date.getTime();

date.valueOf(); 得到距离 1970年的毫秒数

4、

 var date  = new Date();  // 声明
console.log(date.getTime());  // 提倡使用的
console.log(date.valueOf());

// 直接使用
console.log(Date.now());
console.log(+new Date());

5、

1. 常用的日期的方法

获取日期和时间

getDate() 获取日 1-31

getDay () 获取星期 0-6

getMonth () 获取月 0-11

getFullYear () 获取完整年份（浏览器都支持）

getHours () 获取小时 0-23

getMinutes () 获取分钟 0-59

getSeconds () 获取秒 0-59

getMilliseconds () 获取当前的毫秒

getTime () 返回累计毫秒数(从1970/1/1午夜)

6、

我们可以设定时间让某个动作不断的去执行。这个我们再js 里面用定时器来表示。

window.setInterval(“执行的函数”,间隔时间)

正确的写法:

setInterval(fun, 1000); 1000 ms 毫秒

每隔1秒钟，就去执行一次 fun 这个函数.

setInterval(“fun()”,1000) 可以用

setInterval( function(){} , 1000 )

~~setInterval(fun(),1000)~~ ~~错误的~~

定时器特别的像 for 循环，但是我的定时器最大的特点在于，自动，可以设定时间。

7、

1. 倒计时

好比，今年你多大了？

2015 - 1990 25

我们要计算的倒计时

有一个最终时间 12月12日

有一个现在时间 11月 13日

倒计时 = 用将来的时间 - 现在的时间

问题：用毫秒减去现在距离 1970年1

将来时间距离 1970 毫秒数

用将来的毫秒数 - 现在的毫秒数不断转换就可以了

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        body{
            font-size:30px;
            text-align: center;
            color:red;
        }
    </style>
    <script>
        window.onload = function(){
            var demo = document.getElementById("demo");
            var endTime = new Date("2015/12/12 17:30:00"); // 最终时间
            setInterval(clock,1000); // 开启定时器
            function clock(){
                var nowTime = new Date(); // 一定是要获取最新的时间
                //  console.log(nowTime.getTime());  获得自己的毫秒
                var second = parseInt((endTime.getTime() - nowTime.getTime()) / 1000);
                // 用将来的时间毫秒 -  现在的毫秒  / 1000 得到的 还剩下的秒  可能处不断 取整
               // console.log(second);
                 // 一小时 3600 秒
                // second / 3600  一共的小时数  /24   天数
                var d = parseInt(second / 3600 / 24);  //天数
                //console.log(d);
                var h = parseInt(second / 3600  % 24)  // 小时
               // console.log(h);
                var m = parseInt(second / 60  % 60);
                //console.log(m);
                var s = parseInt(second % 60); // 当前的秒
                console.log(s);
               /* if(d<10)
                {
                    d = "0" + d;
                }*/
                d<10 ? d="0"+d : d;
                h<10 ? h="0"+h : h;
                m<10 ? m="0"+m : m;
                s<10 ? s="0"+s : s;
                demo.innerHTML = "距离抢购时间还剩: "+d+"天 "+h+"小时 "+m+"分钟 "+s+"秒";
            }
        }
    </script>
</head>
<body>
<div id="demo"></div>
</body>

8、

1. 1. 定义自己的日子

var endTime = new Date(“2015/12/12”);

如果date 括号里面写日期就是自己定义的时间

如果 date括号里面不写日期，就是当前时间。

new Date(“2015/12/12 17:30:00”);

日期和时分秒中间有空格隔开

alert(demo.getAttribute("title"));

3、内置对象

猜你喜欢