2017-7-20

收获到了什么？

• 定时器的使用方法 setInterval(函数，时间) 使用之前可以把定时器封装在一个变量里面 var timer = setInterval()
• 停止定时器的方法 clearInterval() 括号里面直接写变量名称就好了 clearInterval(timer)
• Math.random() 方法，只能随机0-1之间的浮点数字
• Math.floor() 向下取整方法 Math.floor(Math.random() * 7) 这样取的数字就是不小于7大于0的整数
• 昨天的项目做完了，最后一块状态切换的代码没有按照教程来，用的是自己的方法
• 用到了阻止事件冒泡方法

对于收获的想法？

• 学习到了很多，基础又扎实了一些
• 很有成就感

明天的打算？

• 继续找JavaScript项目来做
• JavaScript 的键盘事件
• 用jQuery再把今天的项目写一遍

项目的原js代码：

 window.onload = function(){
//拖曳效果
var otitle = document.getElementById("title"),
    colse = document.getElementById("colse");
otitle.onmousedown = darg;
colse.onclick = function(){
     document.getElementById("box").style.display = 'none';
}


//下拉效果
var obox = document.getElementById("select"),
    omenu = document.getElementById("select_menu"),
    olis = omenu.getElementsByTagName("li"),
    otext = document.getElementById("select_text"),
    oicon = document.getElementById("icon");
    obox.onclick = function(event){
        event = event || window.event;
        if(event.stopPropagation){
            event.stopPropagation();
        }else{
            event.cancelBubble;
        }
        omenu.style.display = 'block';
    }
    
    for(i = 0;imaxW){
    l=maxW;
};

if(t<0){
    t=0;
}else if(t>maxH){
    t=maxH;
}

box.style.left = l + 'px';
box.style.top = t + 'px';
  }