JS学习笔记（二）

一、Date对象：
（1）new Date(milliseconds 毫秒)；
（2）new Date(datestring 日期字符串参数)；
（3）Date.now方法返回当前距离1970年1月1日 00:00:00 UTC的毫秒数；
JS中定时器的表达方法：setInterval (go, 1000);
倒计时相关代码：

<script type="text/javascript">            window.onload=function(){                var oDiv=document.getElementById("box")                function go(){                    var nowtime=new Date();                    var fultertime=new Date(2017,5,11,0,0,0)                    var S=Math.floor((fultertime.getTime()-nowtime.getTime())/1000);                    var D=Math.floor(S/864000);                    var H=Math.floor(S%864000/3600);                    var M=Math.floor(S%86400%3600/60);                    var s=Math.floor(S%60);                    html=D+"天"+H+"小时"+M+"分钟"+s+"秒";                    oDiv.innerHTML=html;                }                go();//调用函数，写在function前也可以，JS中，函数是VIP，是一等公民；                setInterval(go,1000);            }        </script>

二、Math对象：
（1）Math.floor(a/b)—向下取整；
（2）Math.ceil(a/b)—向上取整；
（3）Math.round()—四舍五入；
（4）Math.random() 返回0-1的随机数；
（5）Math.max() 数值中最大的值；
（6）Math.min() 数值中最小的值。

选项卡的JS部分代码：

<script type="text/javascript">            window.onload = function() {                var oli = document.getElementById('ul1').getElementsByTagName('li');//获取ul下的所有li                var odiv = document.getElementsByTagName('div');                for(var i=0;i<oli.length;i++){                    oli[i]._shuxing=i//将i值交给自定义的一个元素属性身上，这样i这个变量在下面的事件函数中就可以访问到了。                    oli[i].onclick=function(){                        for(var i=0;i<oli.length;i++){                            oli[i].className='';                            odiv[i].style.display='none'                        }                        this.className="red";                        odiv[this._shuxing].style.display="block";                      }                }            }        </script>

三、多个tab选项卡JS相关代码：

<script>            window.onload = function() {                tab("tabMain",  "click");                tab("tabMain1", "click");                tab("tabMain2", "click");                tab("tabMain4", "click");                 function tab(id, event) {                var oDiv = document.getElementById(id);                var oBtn = oDiv.getElementsByTagName("li");                var oBox = oDiv.getElementsByTagName("div");                for(var i = 0; i < oBtn.length; i++) {                    (function(index) {//自执行函数                        oBtn[index].addEventListener(event, function() {                            for(var i = 0; i < oBtn.length; i++) {                                oBtn[i].className = '';                                oBox[i].className = 'tabSide';                            }                            this.className = 'active';                            oBox[index].className = 'active';                        });//添加事件监听                    })(i)                }            }            }        </script>