JS常用函数

2019-10-07  本文已影响0人  F_er

1.通过id获取元素

function $(id) {
return typeof id === 'string' ? document.getElementById(id): null;
}

2.日期格式化

function formatDate(cDate) {
        //1.判断
        if (!cDate instanceof Date){
            return;
        }
        //2.转化
        var year=cDate.getFullYear();
        var month=cDate.getMonth();
        var date=cDate.getDate();
        var hour=cDate.getHours();
        var minute=cDate.getMinutes();
        var second=cDate.getSeconds();
        //2.1 补0
        month=month<10? '0'+month:month;
        date=date<10? '0'+date:date;
        minute=minute<10? '0'+minute:minute;
        second=second<10? '0'+second:second;
        return year + '-' + month + '-' + date + ' ' +hour+':'+minute+":"+second;
    }
    console.log(formatDate(new Date()));

3.匀速运动封装

 /**
     * 设置一个盒子右边距匀速变化
     * @param{string} btnId
     * @param{string} boxId
     * @param{number} step
     * @param{number}target
     */
    function linearAnimation(btnId, boxId, step, target) {
        // 1. 获取需要的标签
        var btn = document.getElementById(btnId);
        var box = document.getElementById(boxId);
        // 2. 定义变量
        var timer = null, begin = 0;
        // 3. 监听按钮的点击
        btn.onclick = function () {
            // 3.1 清除定时器
            clearInterval(timer);
            // 3.2 设置定时器
            timer = setInterval(function () {
                // 相加
                begin += step;
                // 判断
                if(begin >= target){
                    begin = target;
                    clearInterval(timer);
                }            
                // 动起来
                box.style.marginLeft = begin + 'px';
            }, 100);
        }
    }

4.阻止冒泡

if(event && event.stopPropagation){ // w3c标准
            event.stopPropagation();
        }else{ // IE系列 IE 678
            event.cancelBubble = true;
        }

5.选中内容获取

var selectedText;
if(window.getSelection){ // 标准模式 获取选中的文字    
      selectedText = window.getSelection().toString();
}else{ // IE 系列   
      selectedText = document.selection.createRange().text;
}
上一篇 下一篇

猜你喜欢

热点阅读