县城网站怎么做石家庄优化
setTimeOut()定时器
格式:
window.setTimeOut(调用函数,[延迟的毫秒数])
<!-- 或者 -->
setTimeOut(调用函数,[延迟的毫秒数])
注意:
(1)定时到期之后,才会执行函数内容(也就是说,到时间之后,就执行一次)
(2)window可以省略
(3)括号里面可以直接调用函数,也可以直接写一个函数
(4)延迟的毫秒数,如果不写,默认是0.如果写了,单位是毫秒
(5)因为定时器可能在一个页面中有很多,所以一般情况下,会给定时器取名字
(6)setTimeOut()函数也称为回调函数
停止定时器 clearTimeOut
格式:
window.clearTimeOut(需要清除的定时器的名字)
setInterval()定时器
格式:
window.setInterval(函数,[延迟的毫秒数])
注意:
(1)setInterval()方法是重复的调用这个函数。每隔延迟的毫秒数,就调用一次
(2)window可以省略
(3)括号里面可以直接调用函数,也可以直接写一个函数
(4)延迟的毫秒数,如果不写,默认是0.如果写了,单位是毫秒
(5)因为定时器可能在一个页面中有很多,所以一般情况下,会给定时器取名字
使用setInterval()定时器写一个每一秒更新一次的时间输出在控制器上
代码如下;
<body>
<script>
function updateTime() {
console.clear(); // 清除控制台输出
var date = new Date();
var y = date.getFullYear();
var m = date.getMonth();
var d = date.getDate();
var weekday = ["日", "一", "二", "三", "四", "五", "六"];
var w = date.getDay();
var hour = date.getHours();
var minute = date.getMinutes();
var second = date.getSeconds();
console.log(y + '年' + m + '月' + d + '日' + '星期' + weekday[w] + hour + '时' + minute + '分' + second + '秒')
}
setInterval(updateTime, 1000);
</script>
</body>
案例setTimeOut()定时器 一个图片在点击后1秒触发、
代码如下;
<style>
img {
width: 200px;
height: 200px;
}
</style>
</head>
<body>
<img src="../图片/th.jpg" alt="">
<script>
var iimg = document.querySelector('img')
iimg.onclick = function () {
// setTimeout()定时器
window.setTimeout(fun1, 1000)
function fun1() {
iimg.style.display = 'none'
}
}
</script>
</body>
