1.拖拽事件的封装 2.返回顶部 3.将时间戳转成yyyy-MM-dd HH:mm:ss的格式 4.数组对象方法排序（按照对象的某个属性）5.发送验证码计时器

 

function drag(index){
　　index.onmousedown = function(event){
       　　 var ev = event ||window.event;
        　　ev.preventDefault();
       　　 disX = ev.clientX-this.offsetLeft;
      　　  disY = ev.clientY-this.offsetTop;
       　　 //给index绑定moousemove事件
       　　 document.onmousemove = function(event){
         　　   var ev = event ||window.event;
         　　   ev.preventDefault();
          　　  var x = ev.clientX;
          　　  var y = ev.clientY;
          　　  index.style.left = x-disX+'px';
           　　 index.style.top = y-disY+'px';
       　　 }
    　　}
    　　document.onmouseup =function(){
       　　 document.onmousemove = null;
  　　  }
　　}
 

 

2.返回顶部

function backTop(btnId) {
    var btn = document.getElementById(btnId);
    var d = document.documentElement;
    var b = document.body;
    window.onscroll = set;
    btn.style.display = "none";
    btn.onclick = function() {
        btn.style.display = "none";
        window.onscroll = null;
        this.timer = setInterval(function() {
            d.scrollTop -= Math.ceil((d.scrollTop + b.scrollTop) * 0.1);
            b.scrollTop -= Math.ceil((d.scrollTop + b.scrollTop) * 0.1);
            if ((d.scrollTop + b.scrollTop) == 0) clearInterval(btn.timer, window.onscroll = set);
        },
        10);
    };
    function set() {
        btn.style.display = (d.scrollTop + b.scrollTop > 100) ? 'block': "none"
    }
};
backTop('goTop');

 

 

3.将时间戳转成yyyy-MM-dd HH:mm:ss的格式

/** 
 * timestamp：1469085472490 
 */ 
var timestampToFormatDate = function(timestamp){     
     var date = new Date();  date.setTime(timestamp);   
     var year = date.getFullYear();   
    var month = date.getMonth() + 1; 
     var day = date.getDate(); 
     var hour = date.getHours(); 
     var minute = date.getMinutes();   
  var second = date.getSeconds();
     return year + '-' + supplementZero(month,2) + '-' + supplementZero(day,2) + ' ' +   
        supplementZero(hour,2) + ':' + supplementZero(minute,2) + ':' + supplementZero(second,2);  
}

4.数组对象方法排序（按照对象的某个属性）
function sortByKey(array,key){ 
   return array.sort(function(a,b){     
     var x=a[key];    
     var y=b[key];   
     return ((x<y)?-1:((x>y)?1:0));  
 })
}

 

5.发送验证码计时器

<input id="send" type="button" value="发送验证码">
var times = 60, // 临时设为60秒
document.getElementById('send').onclick = function () {
     timer = setInterval(function () {
            times--;
            if (times <= 0) {    
                send.value = '发送验证码'; 
                clearInterval(timer);            
                 send.disabled = false;           
                  times = 60; } 
            else {           
                     send.value = times + '秒后重试';          
                      send.disabled = true;        
                }       
         }, 1000);
}