当前位置：首页 > news >正文

一些函数的封装

news 来源：原创 2024/9/23 15:39:44

文章目录

- 一、随机整数
- 二、标签过滤
- 三、截取网址
- 四、时间
- - 1.时间的格式化
  - 2.天数的倒计时
- 五、使用js库获取时间

一、随机整数

/** 生成两个整数之间的随机整数，并且要包含这两个整数*/function getRandom(min, max) {return Math.floor(Math.random() * (max - min + 1)) + min;}

二、标签过滤

function setText(val) {let msg = val.replace(/</g, "&lt;").replace(/>/g, "&gt;"); //执行替换成空字符msg = msg.replace(/\s/g, ""); //去掉所有的空格（中文空格、英文空格都会被替换）//去掉所有的换行符return msg; //获文本文字内容的前100个字符
}

三、截取网址

function GetRequest() {var url = location.search; //获取url中"?"符后的字串if (url.indexOf("?") != -1) {//判断是否有参数var str = url.substr(1);//从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串var strs = str.split("=");//用等号进行分隔//（因为知道只有一个参数 所以直接用等号进分隔//如果有多个参数 要用&号分隔 再用等号进行分隔）return { name: decodeURI(strs[0]), arg: decodeURI(strs[1]) };//直接弹出第一个参数 （如果有多个参数 还要进行循环的）}
}

四、时间

1.时间的格式化

console.log(formatDate());/*方法：日期格式化。格式要求：今年是：2020年02月02日 08:57:09 星期日
*/
function formatDate() {var date = new Date();var year = date.getFullYear(); // 年var month = date.getMonth() + 1; // 月var day = date.getDate(); // 日var week = date.getDay(); // 星期几var weekArr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];var hour = date.getHours(); // 时hour = hour < 10 ? '0' + hour : hour; // 如果只有一位，则前面补零var minute = date.getMinutes(); // 分minute = minute < 10 ? '0' + minute : minute; // 如果只有一位，则前面补零var second = date.getSeconds(); // 秒second = second < 10 ? '0' + second : second; // 如果只有一位，则前面补零var result = '今天是：' + year + '年' + month + '月' + day + '日 ' + hour + ':' + minute + ':' + second + ' ' + weekArr[week];return result;
}

2.天数的倒计时

<!DOCTYPE html>
<html><head lang="en"><meta charset="UTF-8" /><title></title><style>div {width: 1210px;margin: 200px auto;color: red;text-align: center;font: 600 30px/30px "simsun";}</style></head><body><div></div><script>var div = document.getElementsByTagName("div")[0];var timer = setInterval(() => {countDown("2024/10/03 11:20:00");}, 1);function countDown(myTime) {var nowTime = new Date();var future = new Date(myTime);var timeSum = future.getTime() - nowTime.getTime(); //获取时间差：发布会时间减去此刻的毫秒值var day = parseInt(timeSum / 1000 / 60 / 60 / 24); // 天var hour = parseInt((timeSum / 1000 / 60 / 60) % 24); // 时var minu = parseInt((timeSum / 1000 / 60) % 60); // 分var sec = parseInt((timeSum / 1000) % 60); // 秒var millsec = parseInt(timeSum % 1000); // 毫秒//细节处理：所有的时间小于10的时候，在前面自动补0，毫秒值要补双0（比如如，把 8 秒改成 08 秒）day = day < 10 ? "0" + day : day; //day小于10吗？如果小于，就补0；如果不小于，就是day本身hour = hour < 10 ? "0" + hour : hour;minu = minu < 10 ? "0" + minu : minu;sec = sec < 10 ? "0" + sec : sec;if (millsec < 10) {millsec = "00" + millsec;} else if (millsec < 100) {millsec = "0" + millsec;}// 兜底处理if (timeSum < 0) {div.innerHTML = "距离苹果发布会还有00天00小时00分00秒000毫秒";clearInterval(timer);return;}// 前端要显示的文案div.innerHTML ="距离苹果发布会还有" +day +"天" +hour +"小时" +minu +"分" +sec +"秒" +millsec +"毫秒";}</script></body>
</html>

五、使用js库获取时间

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Document</title></head><body><script src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.26.0/moment.min.js"></script><script>// 按照指定的格式，格式化当前时间console.log(moment().format("YYYY-MM-DD HH:mm:ss")); // 打印结果举例：2020-06-12 16:38:38console.log(typeof moment().format("YYYY-MM-DD HH:mm:ss")); // 打印结果：string// 按照指定的格式，格式化指定的时间console.log(moment("2020/06/12 18:01:59").format("YYYY-MM-DD HH:mm:ss")); // 打印结果：2020-06-12 18:01:59// 按照指定的格式，获取七天后的时间console.log(moment().add(7, "days").format("YYYY-MM-DD hh:mm:ss")); // 打印结果举例：2020-06-19 04:43:56</script></body>
</html>