JavaScript定时器的使用
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript定时器的使用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1667字，纯文字阅读大概需要3分钟。
内容图文
定时器的作用：
开启定时器：
setInterval 间隔型
setTimeout 延时型
两种定时器的区别
<script>
function show(){
console.log(1)
}
setInterval(show,1000)//会无限的执行
</script>
<script>
function show(){
console.log(1)
}
setTimeout(show,1000)//只执行一次
</script>
数字时钟
获取系统时间
Date对象
getFullYear（）------年
getMonth（）--------月
getDate（）--------日
getDay（）-------星期
getHours-----时
getMinutes------分
getSeconds-----秒
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
function toDou(n) {//当时钟个位时前面加0
if (n < 10) {
return '0' + n;
} else {
return '' + n;
}
}
window.onload = function () {
var oImg = document.getElementsByTagName('img');//获取所有的图片
function time() {
var oDate = new Date();//获取当前的时间
var str = toDou(oDate.getHours()) + toDou(oDate.getMinutes()) + toDou(oDate.getSeconds());//把当前的时分秒转为数字
for (var i = 0; i < oImg.length; i++) {
oImg[i].src = 'img/' + str[i] + '.png';//图片的路径
}
}
setInterval(time, 1000);
time();
}
</script>
</head>
<body style="background: black; color: #ffffff; font-size: 50px;">
<img src="img/0.png" alt="">
<img src="img/0.png" alt="">
:
<img src="img/0.png" alt="">
<img src="img/0.png" alt="">
:
<img src="img/0.png" alt="">
<img src="img/0.png" alt="">
</body>
</html>
浏览器兼容性：charAt()
获取哪一年
var oBate = new Date(); console.log(oBate.getFullYear())//2020
获取几月
var oBate = new Date(); console.log(oBate.getMonth() + 1)//5
获取几号
var oBate = new Date(); console.log(oBate.getDate())//获取几号
获取星期几
var oBate = new Date(); console.log(oBate.getDay())//获取星期几
内容总结
以上是互联网集市为您收集整理的JavaScript定时器的使用全部内容，希望文章能够帮你解决JavaScript定时器的使用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】