js原生
前端方程
这个作者很懒,什么都没留下…
展开
-
公共方法:节流、elment出现省略号才提示
【代码】公共方法:节流、elment出现省略号才提示。原创 2022-09-22 09:43:33 · 141 阅读 · 0 评论 -
原生js时间函数封装,转换,年月日 时分秒
//函数封装 导出export let getYYYYMMDDHHMMSS = (datestr) => { let d = new Date(datestr) return d.getFullYear() + '-' + mathzero(d.getMonth() + 1) + '-' + mathzero(d.getDate()) + ' ' + mathzero(d.getHours()) + ':' + mathzero(d.getMinutes()) + ':' + ma原创 2021-04-16 20:56:28 · 196 阅读 · 0 评论 -
JS原生封装 提示函数、补0函数、判断是否登录、底部渲染导入tab、在标签前插入代码、根据秒获取时分秒、
1、提示函数//提示框函数function tips(msg, type = "succ", time = 2000) { let div = document.createElement("div"); div.className = "tip-modal"; div.innerHTML = ` <div> <h4 class="${type==="succ"?'':'on'}">${type==="succ"?'√':'X'}&原创 2021-03-02 11:16:05 · 245 阅读 · 0 评论 -
javascript 视频进度条制作
原生手写进度条let timerId = null; fn(); //进行调用 function fn() { timerId = setInterval(() => { //视频总时间 let totalTime = video.duration; //通过dir获取 //视频当前时间 let curTime = video.currentTime; //通过dir获原创 2021-03-01 16:56:58 · 2674 阅读 · 3 评论 -
js原生 在线客服功能
在线客服功能1、css样式 /* 设置盒子以中心点向右移动超出版心 */ #kefu { width: 50px; height: 200px; position: fixed; top: 50%; margin: -100px 0 0 610px; left: 50%; } /* 设置所原创 2021-02-23 14:01:10 · 1556 阅读 · 0 评论 -
js原生 基础表单验证功能
基础表单验证功能document.querySelector('#regBtn').addEventListener('click', function() { //验证手机号码 //获取值 let phoneVal = phone.value; if (!phoneVal) { errMsg.textContent = "手机号码不能为空"; return false; } if (!/^1[3456789]\d{9}$/原创 2021-02-23 12:35:17 · 56 阅读 · 0 评论 -
js原生 广告倒计时
javascript原生写入广告倒计时//window.onload所有资源加载完成才加载//相当于是jq的$(function(){})document.ready(function() { //定时器实现一个倒计时 var timeNum = document.querySelector("#timeNum");//获取节点 var timer = setInterval(function() { let num = timeNum.textContent原创 2021-02-23 10:04:33 · 153 阅读 · 0 评论