定时器控制背景色或者透明度
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>颜色闪缩</title>
<script src="./jquery-3.3.1.js"> </script>
</head>
<body>
<div id="color_flash">
<div class="lit_slashNum" style="width: 5px;height: 5px;border-radius: 5px;transition: all 0.5s; background-color: #0165bb;-moz-box-shadow:0px 0px 10px 2px #0165bb; -webkit-box-shadow:0px 0px 10px 2px #0165bb; box-shadow:0px 0px 10px 2px #0165bb;"></div>
</div>
</body>
<script>
setInterval(changeColor,500);
//js
var colorFlag = 0;
function changeColor() {
let lit_slashNum = document.querySelector(".lit_slashNum");
if (!colorFlag)
{
lit_slashNum.style.backgroundColor = '#0165bb';
lit_slashNum.style.boxShadow = '0px 0px 10px 2px #0165bb';
colorFlag = 1;
}else{
lit_slashNum.style.backgroundColor = '';
lit_slashNum.style.boxShadow = '';
colorFlag = 0;
}
}
//jq
function litSlash(){
$(".lit_slashNum").animate(
{opacity:"0"},250); //改变透明度
$(".lit_slashNum").animate(
{opacity:"1"},500);
}
</script>
</html>
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。