美文网首页
JS常用函数

JS常用函数

作者: F_er | 来源:发表于2019-10-07 19:55 被阅读0次

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;
}

相关文章

  • 2018-06-07

    JS 基本常用函数 javascript函数一共可分为五类: •常规函数 •数组函数 •日期函数 •数学函数 •...

  • [JS]常用函数

    字符串是否是包含26个英文字母的短句 英文首字母大写 sleep 睡眠函数 dereplication 数组去重 ...

  • js常用函数

    1.uuid UUIDGenerator 生成 UUID。 使用cryptoAPI 生成 UUID, 符合RFC4...

  • js常用函数

    1.常规函数 js常规函数包含以下9个函数(1)alert函数:一个ok按钮(2)confirm函数:一个ok按钮...

  • JS 常用函数

    split 数组分离splice 删除或拼接slice 切开 1.数组字符串 互转join() 将数组中...

  • 常用js函数

    日期格式化函数 调用示例var time1 = new Date().Format("yyyy-MM-dd"); ...

  • JS常用函数

    1.通过id获取元素 2.日期格式化 3.匀速运动封装 4.阻止冒泡 5.选中内容获取

  • js 常用函数

    获取的ID等于 demo 的值(包含标签) 改变标签的内的值 改变标签的样式 注释 // 单行注释 /**...

  • 常用 js 函数

    这里记录一下使用到常用的js文件以及一些常用到的工具类函数。(陆续更新...) rem布局常用方法

  • js常用函数

    js替换字符串 js热更新对比版本号 深拷贝

网友评论

      本文标题:JS常用函数

      本文链接:https://www.haomeiwen.com/subject/cfompctx.html