概念: Date对象是用来处理时间和日期,内置了一系列获取和设置日期和时间的方法
使用:
1.每次在使用它之前,都需要配合new关键字, 来生成一个Date对象,
2.然后通过Date对象,再去调用各种方法
备注: Date获取的是当前计算机的本地时间
方法:
-
toLocaleString(): 可把时间对象转换为字符串(我们需要的格式)
-
getTime(): 返回的是 1970年1月1日距今的 毫秒数
-
setTime(): 以毫秒数 设置Date对象
-
setFullYear(): 设置 年 月 日 (月份是0~11)
-
setMonth() : 设置 月 日 毫秒
-
setHours() : 设置 时 分 秒 毫秒
-
setMinutes(): 分 秒 毫秒
-
getFullYear(): 获取年份
-
getMonth(): 获取到月份 取值范围 0~11
-
getDate(): 获取一个月中的第几天
-
getDay(): 获取一周中的第几天
-
getHours(): 获取小时
-
getMinutes(): 获取分钟
-
getSeconds(): 获取秒数
=============================================================
普通定时器:
方法:
setInterval(): 会去重复执行某一个功能
代码示例:
var box = document.getElementsByClassName(“box”)[0];
var i = 0;
var num = 0; //定时器的 次数 记录器 (自定义的)
var time = setInterval(function (){
i = Math.floor(Math.random()*250);
box.innerHTML = “啊啊啊~~” + i;
num++; //变量自增
if(num > 5){ //如果到达指定条件
//清除定时器:
// 1. 需要有记录器(变量自增),来记录运行次数,
// 到达指定条件时触发
// 2. 定义定时器时,需要定义变量来保存这个定
// 时器(例如: time),然后使用
// clearInterval()方法。来清除这个变量中
// 的定时器,并将这个变量置空(time = null)
clearInterval(time);
time = null;
}
},1000);
备注:
参数1: 每次执行的具体任务, 自定义
参数2: 每次执行的间隔时间, 自定义 单位为毫秒
单次定时器:
作用: 只执行一次的定时器
方法: setTimeout();
参数1: 执行的具体任务
参数2: 间隔多久执行 (延迟)
代码示例:
var time_two = setTimeout(function(){
box.style.backgroundColor = “yellow”;
console.log(“啦啦啦”);
},2000);
==============================================================
单击事件:
方法: onclick()
如何添加:
- 获取元素,在js中给元素绑定
备注: 直接赋值使用,不需要函数名
代码示例:
var box = document.getElementsByClassName(“box”)[0];
btn.onclick = function(){
box.style.backgroundColor = “rgb(” + randomColor()
- “,” + randomColor() + “,” + randomColor() + “)”;
}
function randomColor(){
return Math.floor(Math.random()*(250-200)+200);
}
- 定义好函数, 在html标签中 绑定函数
代码示例:
按钮
function myClick(){
box.innerHTML = “啊~~”;
}
方法: onload
作用:
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
![](https://i-blog.csdnimg.cn/blog_migrate/878b5c939ca8f3db105203f71242af77.jpeg)
最后
文章到这里就结束了,如果觉得对你有帮助可以点个赞哦,如果有需要前端校招面试题PDF完整版的朋友可以点击这里即可免费获取,包括答案解析。
**
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
![](https://i-blog.csdnimg.cn/blog_migrate/878b5c939ca8f3db105203f71242af77.jpeg)
最后
文章到这里就结束了,如果觉得对你有帮助可以点个赞哦,如果有需要前端校招面试题PDF完整版的朋友可以点击这里即可免费获取,包括答案解析。
[外链图片转存中…(img-KJDw01mO-1712118256340)]