首页 > 代码库 > 前端基本功—javascript 第五天

前端基本功—javascript 第五天

设置节点属性

 获取节点属性   

   getAttribute(属性)      获取属性     

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

 

设置节点属性

setAttribute(“属性”,”值”);

比如说,我们想要把 一个 类名  改为   demo  

   div.setAttribute(“class”,”demo”); 

删除某个属性

removeAttribute(“属性”);

demo.removeAttribute(“title”)  

      这个盒子就没有title  属性  给删掉了。

 


 

 

日期函数  ( Date() )

声明日期 

var  date = new Date(); 

使用函数

 得到 毫秒数

1970  1 1

  var  date = new Date();   

  date.getTime();

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

 

常用的日期的方法 

getDate()                  获取日 1-31

getDay ()                  获取星期 0-6      

getMonth ()                获取月  0-11

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

getHours ()                获取小时 0-23

getMinutes ()                获取分钟 0-59

getSeconds ()                获取秒  0-59

getMilliseconds ()            获取当前的毫秒

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

 

定时器

 

技术分享

技术分享

 常用写法

 技术分享

 倒计时 

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

 

问题:     毫秒减去      现在距离 19701    

 

                           将来时间 距离 1970 毫秒数  

 

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

技术分享

 

技术分享

 

 

定义自己的日子

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

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

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

技术分享

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


 1. 节点        网页是有很多的节点组成的  。  

   元素节点   指的是  标签     li  span     

   文本节点      属性节点    

   父子兄弟        parentNode        nextSibling    

   孩子    childNodes        nodeType == 1  来判断 是否是 元素节点

   <ul>

      <li>

   最喜欢用的  children    只得到   元素节点    

  1.获取节点属性    getAttribute“title”)

  2.设置节点属性    setAttribute (“class”,”one”)

  3.删除节点属性    removeAttribute(“title”)

  4. 日期函数   Date();  

    声明:  var  date = new Date();    

    使用:  得到现在的年分    date.getFullYear();  

            月份:  date.getMonth();  

            日子;  date.getDate();    

            星期:  date.getDay();  

   5. 定时器

      定时器  不需要人工操作   按照一定的时间进行某种动作。

     setInterval(“函数”,间隔时间 )   每隔 n秒去执行一次函数

 

前端基本功—javascript 第五天