定时器
- setInterval() :按照指定的周期(以毫秒计)来调用函数或计算表达式。方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。
- setTimeout() :在指定的毫秒数后调用函数或计算表达式。
- clearTimeout():清除定时器。
<html>
<head>
<script>
var time;
(function setSpan(){
console.log(222);
time = setInterval(getDate,1000);
})();
function getDate(){
var s = document.getElementById("s");
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth()+1;
var day = date.getDate();
var house = date.getHours();
var min = date.getMinutes();
var sec = date.getSeconds();
month = month<10?"0"+month:month;
day = day<10?"0"+day:day;
house = house<10?"0"+house:house;
min = min<10?"0"+min:min;
sec = sec<10?"0"+sec:sec;
var d = year+"-"+month+"-"+day+" "+house+":"+min+":"+sec;
s.innerHTML = d;
}
//清空定时器
function clears(){
clearTimeout(time);
}
</script>
</head>
<body>
<span id="s"></span>
<button onclick="clears()">清除定时器</button>
</body>
</html>
setInterval()
语法
setInterval(code,millisec,lang)
参数 | 描述 |
code | 必需。要调用的函数或要执行的代码串。 |
millisec | 必须。周期性执行或调用 code 之间的时间间隔,以毫秒计。 |
lang | 可选。 JScript | VBScript | JavaScript |
以下实例在每 1000 毫秒执行 clock() 函数。实例中也包含了停止执行的按钮:
<html> <body> <input type="text" id="clock" /> <script type="text/javascript"> var int=self.setInterval("clock()",1000); function clock() { var d=new Date(); var t=d.toLocaleTimeString(); document.getElementById("clock").value=t; } </script> <button οnclick="int=window.clearInterval(int)">停止</button> </body> </html>
setTimeout()
语法
setTimeout(code,millisec,lang)
参数 | 描述 |
code | 必需。要调用的函数后要执行的 JavaScript 代码串。 |
millisec | 必需。在执行代码前需等待的毫秒数。 |
lang | 可选。脚本语言可以是:JScript | VBScript | JavaScript |
实例演示如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <p>点击按钮,在等待 3 秒后弹出 "Hello"。</p> <button οnclick="myFunction()">点我</button> <script> function myFunction() { setTimeout(function(){alert("Hello")},3000); } </script> </body> </html>
date
Date 对象属性
属性 | 描述 |
返回创建 Date 对象原型的函数。 | |
允许您向对象添加属性和方法。 |
Date 对象方法
方法 | 描述 |
返回月中的第几天(从 1 到 31)。 | |
返回星期几(0-6)。 | |
返回年份。 | |
返回小时(从 0-23)。 | |
返回毫秒(0-999)。 | |
返回分钟(从 0-59)。 | |
返回月份(从 0-11)。 | |
返回秒数(从 0-59)。 | |
返回自 1970 年 1 月 1 日午夜以来与指定日期的毫秒数。 | |
返回 UTC 时间与本地时间之间的时差,以分钟为单位。 | |
根据世界时,返回月份中的第几天(从 1 到 31)。 | |
根据世界时,返回星期几(0-6)。 | |
根据世界时,返回年份。 | |
根据世界时,返回小时(0-23)。 | |
根据世界时,返回毫秒数(0-999)。 | |
根据世界时,返回分钟(0-59)。 | |
根据世界时,返回月份(0-11)。 | |
根据世界时,返回秒数(0-59)。 | |
getYear() | 已弃用。 请改用 。 |
返回自 1970 年 1 月 1 日午夜以来的毫秒数。 | |
解析日期字符串并返回自 1970 年 1 月 1 日以来的毫秒数。 | |
设置 Date 对象中月的某一天。 | |
设置日期对象的年份 | |
设置日期对象的小时。 | |
设置日期对象的毫秒数。 | |
设置日期对象的分钟数。 | |
设置日期对象的月份。 | |
设置日期对象的秒数。 | |
将日期设置为 1970 年 1 月 1 日之后/之前的指定毫秒数。 | |
根据世界时,设置 Date 对象中月份的一天。 | |
根据世界时,设置日期对象的年份。 | |
根据世界时,设置日期对象的小时。 | |
根据世界时,设置日期对象的毫秒数。 | |
根据世界时,设置日期对象的分钟数。 | |
根据世界时,设置日期对象的月份。 | |
根据世界时,设置日期对象的秒数。 | |
setYear() | 已弃用。 请改用 。 |
将 Date 对象的日期部分转换为可读字符串。 | |
toGMTString() | 已弃用。 请改用 。 |
使用 ISO 标准将日期作为字符串返回。 | |
以字符串形式返回日期,格式为 JSON 日期。 | |
使用区域设置约定将 Date 对象的日期部分作为字符串返回。 | |
使用区域设置约定将 Date 对象的时间部分作为字符串返回。 | |
使用区域设置约定将 Date 对象转换为字符串。 | |
将 Date 对象转换为字符串。 | |
将 Date 对象的时间部分转换为字符串。 | |
根据世界时,将 Date 对象转换为字符串。 | |
根据 UTC 时间,返回自 1970 年 1 月 1 日午夜以来的日期中的毫秒数。 | |
返回 Date 对象的原始值。 |
var date = new Date();//当前日期 var year = date.getFullYear();//年份 var month = date.getMonth()+1;//月份(从0开始的所以加1) var day = date.getDate();//哪一天 (1-31) var house = date.getHours();//时 24小时制 var min = date.getMinutes();//分 var sec = date.getSeconds();//秒 var d = year+"-"+month+"-"+day+" "+house+":"+min+":"+sec;//组合时间 console.log(d); |
常用string对象
JavaScript 字符串
JavaScript 字符串存储一系列字符,例如 "Bill Gates"。
字符串可以是双引号或单引号内的任何文本:
let carName1 = "Volvo XC60"; let carName2 = 'Volvo XC60';
字符串属性和方法
通常,像 "Bill Gates" 这样的字符串不能有方法或属性,因为它们不是对象。
但是对于 JavaScript,方法和属性也可用于字符串,因为 JavaScript 在执行方法和属性时将字符串视为对象。
案例
JavaScript 字符串方法和属性
方法 | 描述 |
返回指定位置处的字符。 | |
返回指定位置处字符编码。 | |
返回字符串中索引(位置)处的 Unicode 值。 | |
返回两个或多个连接的字符串。 | |
返回字符串的构造函数。 | |
返回字符串是否以指定值结尾。 | |
将 Unicode 值作为字符返回。 | |
返回字符串是否包含指定值。 | |
返回值在字符串中第一次出现的位置。 | |
返回值在字符串中最后一次出现的位置。 | |
返回字符串中的字符数。 | |
使用基于本地的顺序来比较字符串。 | |
在字符串中搜索值或正则表达式,并返回匹配项。 | |
允许您向对象添加属性和方法。 | |
返回拥有多个字符串副本的新字符串。 | |
在字符串中搜索值或正则表达式,并返回替换值的字符串。 | |
检索字符串中与正则表达式匹配的子串。 | |
提取字符串的一部分并返回新字符串。 | |
将字符串拆分为子字符串数组。 | |
检查字符串是否以指定字符开头。 | |
从字符串中抽取子串,该方法是 substring() 的变种。 | |
从字符串中抽取子串。 | |
使用主机的语言环境返回转换为小写字母的字符串。 | |
使用主机的语言环境返回转换为大写字母的字符串。 | |
返回转换为小写字母的字符串。 | |
将字符串或字符串对象作为字符串返回。 | |
返回转换为大写字母的字符串。 | |
返回删除了空格的字符串。 | |
返回从末尾删除空格的字符串。 | |
返回从开头删除空格的字符串。 | |
返回字符串或字符串对象的原始值。 |
提示:所有字符串方法都返回新值。它们不会改变原始变量。
字符串 HTML Wrapper 方法
HTML 包装器方法返回包装在 HTML 标记内的字符串。
这些不是标准的方法,可能无法按预期工作。
方法 | 描述 |
将字符串显示为锚点。 | |
使用大字体显示字符串。 | |
显示闪烁的字符串。 | |
以粗体显示字符串。 | |
使用固定间距字体显示字符串。 | |
使用指定颜色显示字符串。 | |
使用指定大小显示字符串。 | |
以斜体显示字符串。 | |
将字符串显示为超链接。 | |
使用小字体显示字符串。 | |
显示带有删除线的字符串。 | |
将字符串显示为下标文本。 | |
将字符串显示为上标文本。 |
String 对象描述
字符串是 JavaScript 的一种基本的数据类型。String 类提供了操作原始字符串值的方法。
String 对象的 length 属性声明了该字符串中的字符数。
String 类定义了大量操作字符串的方法,例如从字符串中提取字符或子串,或者检索字符或子串。
注意:JavaScript 的字符串是不可变的(immutable),String 类定义的方法都不能改变字符串的内容。像 String.toUpperCase() 这样的方法,返回的是全新的字符串,而不是修改原始字符串。
在较早的 Netscape 代码基的 JavaScript 实现中(例如 Firefox 实现中),字符串的行为就像只读的字符数组。例如,从字符串 s 中提取第三个字符,可以用 s[2] 代替更加标准的 s.charAt(2)。此外,对字符串应用 for/in 循环时,它将枚举字符串中每个字符的数组下标(但要注意,ECMAScript 标准规定,不能枚举 length 属性)。因为字符串的数组行为不标准,所以应该避免使用它。
Array对象
Array 对象用于在单个变量中存储多个值:
const cars = ["Tesla", "Volvo", "BMW"];
Array 属性
属性 | 描述 |
返回创建 Array 对象原型的函数。 | |
设置或返回数组中元素的数量。 | |
允许您向数组添加属性和方法。 |
Array 方法
方法 | 描述 |
连接两个或多个数组,并返回已连接数组的副本。 | |
将数组中的数组元素复制到指定位置或从指定位置复制。 | |
返回键/值对数组迭代对象。 | |
检查数组中的每个元素是否通过测试。 | |
用静态值填充数组中的元素。 | |
使用数组中通过测试的每个元素创建新数组。 | |
返回数组中第一个通过测试的元素的值。 | |
返回数组中通过测试的第一个元素的索引。 | |
为每个数组元素调用函数。 | |
从对象创建数组。 | |
检查数组是否包含指定的元素。 | |
在数组中搜索元素并返回其位置。 | |
检查对象是否为数组。 | |
将数组的所有元素连接成一个字符串。 | |
返回 Array Iteration 对象,包含原始数组的键. | |
在数组中搜索元素,从末尾开始,并返回其位置。 | |
使用为每个数组元素调用函数的结果创建新数组。 | |
删除数组的最后一个元素,并返回该元素。 | |
将新元素添加到数组的末尾,并返回新的长度。 | |
将数组的值减为单个值(从左到右)。 | |
将数组的值减为单个值(从右到左)。 | |
反转数组中元素的顺序。 | |
删除数组的第一个元素,并返回该元素。 | |
选择数组的一部分,并返回新数组。 | |
检查数组中的任何元素是否通过测试。 | |
对数组的元素进行排序。 | |
从数组中添加/删除元素。 | |
将数组转换为字符串,并返回结果。 | |
将新元素添加到数组的开头,并返回新的长度。 | |
返回数组的原始值。 |
案例
Math 对象
Math 对象允许您执行数学任务。
Math 不是构造函数。Math 的所有属性/方法都可以通过使用 Math 作为对象来调用,而无需创建它:
var x = Math.PI; // 返回 PI var y = Math.sqrt(16); // 返回 16 的平方根
Math 对象属性
属性 | 描述 |
返回欧拉数(约 2.718)。 | |
返回 2 的自然对数(约 0.693)。 | |
返回 10 的自然对数(约 2.302)。 | |
返回 E 的以 2 为底的对数(约 1.442)。 | |
返回 E 的以 10 为底的对数(约 0.434)。 | |
返回 PI(约 3.14)。 | |
返回 1/2 的平方根(约 0.707)。 | |
返回 2 的平方根(约 1.414)。 |
Math 对象方法
方法 | 描述 |
返回 x 的绝对值。 | |
返回 x 的反余弦值,以弧度为单位。 | |
返回 x 的双曲反余弦值。 | |
返回 x 的反正弦值,以弧度为单位。 | |
返回 x 的双曲反正弦值。 | |
返回 x 的反正切值,返回的值是 -PI/2 到 PI/2 之间的弧度值。 | |
返回其参数商的反正切值。 | |
返回 x 的双曲反正切值。 | |
返回 x 的三次方根。 | |
返回 x,向上舍入为最接近的整数。 | |
返回 x 的 32 位二进制表示中前导零的数量。 | |
返回 x 的余弦值(x 以弧度为单位)。 | |
返回 x 的双曲余弦值。 | |
返回 Ex 的值。 | |
返回 Ex 减去 1 的值。 | |
返回 x,向下舍入为最接近的整数。 | |
返回数的最接近的(32 位单精度)浮点表示。 | |
返回 x 的自然对数。 | |
返回 x 的以 10 为底的对数。 | |
返回 1 + x 的自然对数。 | |
返回 x 的以 2 为底的对数。 | |
返回值最高的数字。 | |
返回值最小的数字。 | |
返回 x 的 y 次幂值。 | |
返回 0 到 1 之间的随机数。 | |
将 x 舍入为最接近的整数。 | |
返回数的符号(检查它是正数、负数还是零)。 | |
返回 x 的正弦值(x 以弧度为单位)。 | |
返回 x 的双曲正弦值。 | |
返回 x 的平方根。 | |
返回角度的正切值。 | |
返回数的双曲正切值。 | |
返回数字 (x) 的整数部分。 |
Number对象
数字可以写成带小数,也可以不带小数:
例子 1
let x = 3.14; // 带小数的数字 let y = 34; // 不带小数的数字
超大或超小数可以用科学(指数)记数法书写:
例子 2
let x = 123e5; // 12300000 let y = 123e-5; // 0.00123
JavaScript Number 方法和属性
名称 | 描述 |
返回对创建此对象的 Number 函数的引用。 | |
返回对创建此对象的 Number 函数的引用。 | |
检查值是否是有限数。 | |
检查值是否为整数。 | |
检查值是否为 Number.NaN。 | |
检查值是否为安全整数。 | |
返回对创建此对象的 Number 函数的引用。 | |
返回对创建此对象的 Number 函数的引用。 | |
可表示的最大的数。 | |
可表示的最小的数。 | |
非数字值。 | |
负无穷大,溢出时返回该值。 | |
正无穷大,溢出时返回该值。 | |
检查值是否为整数。 | |
检查值是否为整数。 | |
允许您向对象添加属性和方法。 | |
将数字转换为指数计数法。 | |
把数字转换为字符串,结果的小数点后有指定位数的数字。 | |
把数字转换为字符串,使用本地数字格式顺序。 | |
把数字格式化为指定的长度。 | |
把数字转换为字符串。 | |
返回数字的原始值(基本数字值)。 |
Number 对象描述
比如这样使用属性 MAX_VALUE 是正确的:
var big = Number.MAX_VALUE
但是这样是错误的:
var n= new Number(2); var big = n.MAX_VALUE
作为比较,我们看一下 toString() 和 Number 对象的其他方法,它们是每个 Number 对象的方法,而不是 Number() 构造函数的方法。前面提到过,在必要时,JavaScript 会自动地把原始数值转化成 Number 对象,调用 Number 方法的既可以是 Number 对象,也可以是原始数字值。
var n = 123; var binary_value = n.toString(2);