将十进制转成其他进制的方法
语法:十进制的数字.toString(你要转的进制数)
返回值:将十进制的数字转成你要的进制数,最终以字符串的形式返回
将其他进制转成十进制
语法:parseInt(数字,你要把这个数字当作几进制)
返回值:将你写的数字以十进制的形式返回
保留几位小数
语法:数字.toFixed(你要保留几位)
返回值:以字符串的形式返回保留好的结果
随机数产生公式
//产生一个min~max之间的随机数
公式:Math.round(Math.random() * (max-min)) + min
色值用在页面元素上
<body>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</body>
</html>
<script>
function randomColor() {
var color = '#'
for (var i = 0; i < 6; i++) {
var num = Math.round(Math.random() * 15)//颜色取值为0-9,a-f共15个值
var num16 = num.toString(16)//将6位数转换成16进制
color += num16
}
return color
}
// 将产生的色值应用到标签上
// 1.首先需要获取标签 div_arr 这是一个数组,里面存放的是所有的div
var div_arr = document.getElementsByTagName('div')
for (var i = 0; i < div_arr.length; i++) {
var res = randomColor()
div_arr[i].style.backgroundColor = res
}
</script>
时间对象:是js中的一种复杂数据类型,单词是Date,在时间对象中给我们提供了一些可以操作时间的方法,包含了一些和时间相关的信息
创造时间对象
只有一个内置构造函数的方式创建
语法1:var 变量名 = new Date()
作用:可以得到当前系统的时间
结果:Wed Oct 19 2022 15:34:24 GMT+0800 (中国标准时间)
语法2:var 变量名 = new Date(参数)
如果在创造对象对象的时候传递了参数了他的意思就是创造一个指定日期的时间对象
传递参数的方式有2种
第一种:传递数字
(如果只传递了一个数字,那么这个数字指的是毫秒
最终的结果就是:会从1970年1月1日 0时0分0秒+毫秒的结果)
如果传递了多个数字:
第一个数字就是年份
第二个数字就是月份,表示月份,0表示1月份,11表示12月
第三个数字就是日
第四个数字:时
第五个数字:分
第六个数字:秒
第起个数字:毫秒
每个数字之间用逗号隔开
第二种:传递字符串
1)'YYYY-MM-DD HH:mm:ss'
2) 'YYYY/MM/DD HH:mm:ss'
注意:字符串种1月就是1月,12就是12月
var time = new Date(2021, 8, 19, 15, 30, 23)//1
var time = new Date('2021-9-19 15:30:32')//2
//我习惯用
var time = new Date('2021/9/19 15:30:32')//3
console.log(time);
get:获取 set:设置
year:年 month:月份 date:日期 hours:小时 minutes:分钟 seconds:秒 milliseconds:毫秒
time:时间 day:天
关于时间对象常用方法2类,第一类获取,第二类设置
var time = new Date() // time变量种存储的就是当前系统的时间信息
var year = time.getFullYear() // 拿到时间对象中的年份
var month = time.getMonth() + 1 // 月份 外国人月份用数字表示,0表示1月份
var date = time.getDate() // 日
var hours = time.getHours() // 时
var minutes = time.getMinutes() // 分
var seconds = time.getSeconds() // 秒
var milliseconds = time.getMilliseconds() // 毫秒
var day = time.getDay() // 星期 外国人的 1:星期一, 6:星期六, 0:星期天
var time1 = time.getTime() // 返回值是一个毫秒值,这个毫秒值我们一般叫做时间戳,时间戳就是从(1970年1月1日 0:0:0到现在的时间对象的相差的毫秒数)
定时器:是一种可以让代码延迟执行的方案
开启定时器的方法:
方法一:延时定时器
语法:setTimeout(函数,数字)
函数:就是你过一段时间之后要执行的代码
数字:就是你的延迟时间,单位是毫秒(ms)
方法二:间隔定时器(循环定时器)
语法:setInterval(函数,数字)
每间隔多长时间就执行一次函数
定时器的返回值:
不管是哪种定时,返回值都是一个数字
//第一个定时器,返回的数字就是1
//第二个定时器返回的数字就是2,依次往后推
//不用管定时器到底是第几个,总之我们可以看到返回值当中是可以记录他是哪个定时器的.
返回值的作用:可以用来关闭定时器.
关闭定时器的语法:
语法一:clearTimeout(定时器的返回值)
语法二:clearInterval(定时器的返回值)
//虽然有2个语法,其实他们2个不管哪个都能把任意的定时器给关掉的
//-----------------------------------------------------写一个手动关闭定时器的效果
//因为如果直接就写关闭我们可能看不到关闭的效果
//所以我们可以在页面上创造一个按钮,当点击这个按钮之后再让定时器关掉
<body>
<button id="btn">关闭定时器</button>
</body>
</html>
<script>
/* */
var res1 = setInterval(function () { console.log('你好'); }, 2000)
var res2 = setInterval(function () { console.log('我好'); }, 2000)
// 当点击关闭按钮的时候就让定时器停止
// 获取到id名字位btn的标签
var btn = document.getElementById('btn')
// 给id名字位btn的这个标签添加一个点击事件,点击之后就会执行function中的代码
btn.onclick = function () {
// 只要点了按钮了,就要让定时器结束
// clearInterval(res2)
clearTimeout(res1)
}
</script>