### 计算文件md5
```javascript
const md5 = CryptoJS.algo.MD5.create()
// 以二进制的方式读取文件,每次读取一定字节块
md5.update(a)
md5.finalize().toString(CryptoJS.enc.MD5)
```
# 原生js发起http请求
```js
//客服端发起请求,接受服务器返回的json数据
fetch('http://example.com/request')
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
console.log(data); // 这里处理返回的JSON数组
}
})
.catch(error => {
console.error('There has been a problem with your fetch operation:', error);
});
```
# 重新加载网页
```js
//重新加载名为example_frame的框架页面
window.frames['example_frame'].location.reload(true);
//重新加载当前页面
location.reload();
//重新加载页面的客户端部分(不包括服务器端脚本)
location.assign(location.href);|
```
# 修改元素的属性
```js
//修改id_name的边框为2px
document.getElementById('id_name').style.border='2px'
```
# 修改网页内容
```js
//innerHTML可以添加html元素
document.getElementById('id_name').innerHTML=''
//textContent只能添加纯文本
document.getElementById('id_name').textContent
```
# 生成随机数
```js
//生成10以内的随机数
Math.floor(Math.random() * 10) + 1
//Math.random()生成一个随机浮点数
//Mate.floor()将浮点数向下取整,变成一个整数
```
# 分钟倒计时
```html
02:00
```
```js
// 抽奖二维码倒计时功能
let countdownElement = document.getElementById('countdown');
let minutes = '02'; // 将分钟初始化为字符串形式
let seconds = '00'; // 将秒初始化为字符串形式
let intervalIds;
let timer;
let isPause = false;
const toggleButton = document.getElementById('startCountdown')
//开始计时
function startCountdown() {
intervalIds = setInterval(updateCountdown, 1000);
}
//更新计时器
function updateCountdown() {
if (minutes === '00' && seconds === '00') {
clearInterval(intervalIds); // 停止计时器
countdownElement.textContent = '00:00';
return;
}
seconds = parseInt(seconds) - 1; // 将秒转换为整数进行减法运算
if (seconds < 0) {
minutes = parseInt(minutes) - 1; // 将分钟转换为整数进行减法运算
seconds = 59;
}
// 只对个位数分钟进行补零操作,并且只在倒计时进行到个位数分钟时才补零
if (minutes < 10 && minutes > -1 && seconds === '00') {
minutes = "0" + minutes;
} else {
minutes = minutes.toString().padStart(2, '0'); // 其他情况下保证分钟为两位数
}
if (seconds < 10) {
seconds = "0" + seconds; // 秒小于10时在前面补零
}
countdownElement.textContent = `${minutes}:${seconds}`;
}
// document.getElementById('startCountdown').addEventListener('click', startCountdown);
toggleButton.addEventListener('click', () => {
if (isPause) {
isPause = false;
clearInterval(intervalIds);
toggleButton.textContent = '继续计时'; // 修改按钮文本为"Pause"
} else {
isPause = true;
toggleButton.textContent = '结束计时'; // 修改按钮文本为"Resume"
startCountdown()
}
});
```
# 显示或隐藏元素
```html
```
```js
var divElement = document.getElementById("qrImage");
if (divElement.style.display === "none") {
divElement.style.display = "block"; // 显示div元素
} else {
divElement.style.display = "none"; // 隐藏div元素
}
```