<style type="text/css">
.img1 {
filter: saturate(5);
-webkit-filter: saturate(5);
}
.img{transition: all .5s;}
</style>
<div id="app">
<img src="img/timg.jpg" class="img" id="app">
</div>
<script type="text/javascript">
// let id = document.getElementsByTagName("img")[0]; //也可以用标签名操作
let id = document.getElementById("app")
//console.log(id.classList[1]) classList是该元素类名的数组,使用 getElementsByTagName获取标签才可正常打印。
function setTime() {
let i = id.classList.contains('img1');
if (!i) {
id.classList.add('img1')
console.log("假")
} else {
id.classList.remove("img1")
console.log("真")
}
}
let set = setInterval(setTime, 1000)
</script>