日期对象
JavaScript使用Date对象表示日期
1.创建日期对象 new Date()
通过new Date创建一个日期对象,这个对象就表示当前日期(现在)
例:
<script>
var d = new Date();
document.write('new Date():'+d);
</script>
2.年/月/日 getFullYear()、getMonth()、getDate()
分别获取年月日
需要注意的是,getMonth()返回的约束,是基0的,0代表1月份
例:
<script>
var d = new Date();
document.write('分别获取年月日');
document.write(d.getFullYear());
document.write("/");
document.write(d.getMonth());
document.write("/");
document.write(d.getDate());
</script>
3.时 分 秒 毫秒 d.getHours()/getMinutes()/getSeconds()/getMilliSeconds()
分别获取时:分:秒:毫秒
例:
<script>
var d = new Date();
document.write("分别获取时:分:秒:毫秒 ");
document.write(d.getHours());
document.write(":");
document.write(d.getMinutes());
document.write(":");
document.write(d.getSeconds());
document.write(":");
document.write(d.getMilliseconds());
</script>
4.一周的第几天 星期几 getDay()
通过getDay()获取,今天是本周的第几天
与getMonth()一样,返回值是基0的
例:
<script>
var day=new Date().getDay(); //通过日期对象获取数字形式的星期几
var weeks = new Array("星期天","星期一","星期二","星期三","星期四","星期五","星期六");
document.write("今天是 : "+weeks[day]);
</script>
5.经历的毫秒数 getTime()
获取从1970/1/1 08:00:00至今的毫秒数
<script>
var time = new Date().getTime();
document.write("从1970/1/1 08:00:00 到今天的毫秒数: "+ time);
</script>
6.修改日期和时间 setFullYear(2012)……
把日期对象设置为2012/12/12 00:00:00
例:
<script>
var d = new Date();
document.write("修改日期对象的值为世界末日:<br/>");
d.setFullYear(2012);
d.setMonth(1); //月份是基0的,所以11表示12
d.setDate(12);
d.setHours(0);
d.setMinutes(0);
d.setSeconds(0);
document.write(d);
</script>
另外,可以直接在new Date()里面加要修改成的日期
例: var date = new Date(2012,03,09);
7.练习-计算年龄
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>计算年龄</title>
</head>
<body>
<script>
function calc(){
var d = new Date();
var nowYear = d.getFullYear();
var nowMonth = d.getMonth();
var nowDate = d.getDate();
var n1 = d.getTime()/1000/60/60/24/365;
var birthYear = document.getElementById('year').value;
var birthMonth = document.getElementById('month').value;
var birthDate = document.getElementById('date').value;
var d2 = new Date(birthYear,birthMonth,birthDate);
var n2 = d2.getTime()/1000/60/60/24/365;
var age = parseInt(n1-n2);
if(age<1){
document.getElementById("age").innerHTML = "不到一岁";
}else{
document.getElementById("age").innerHTML = "今年"+age+"岁";
}
}
</script>
<b>请输入出生年月日</b><br/>
<b>年份</b>
<select id="year">
<script>
var d = new Date();
for(var i = 1950;i<=d.getFullYear();i++){
document.write("<option>"+i+"</option>");
}
</script>
</select>
<b>月份</b>
<select id="month">
<script>
for(var i = 1;i<=12;i++){
document.write("<option>"+i+"</option>");
}
</script>
</select>
<b>日</b>
<select id="date">
<script>
for(var i = 1;i<=31;i++){
document.write("<option>"+i+"</option>");
}
</script>
</select><br/>
<input type="button" value="计算年龄" onclick="calc()"><br/>
<span id="age"></span>
</body>
</html>
运行效果
Math 对象
Math是JavaScript的工具对象,用于常见的数学运算
1.自然对数和圆周率
属性E PI,分别表示自然对数和圆周率PI
<script>
document.write(Math.E);
document.write("<br/>");
document.write(Math.PI);
</script>
2.绝对值
方法abs取绝对值
<script>
document.write(Math.abs(-1));
</script>
3.最小值 最大值
<script>
document.write(Math.min(1,100));
document.write("<br>");
document.write(Math.max(1,100));
</script>
4.求幂
<script>
document.write(Math.pow(3,2)); //3的2次方,即9
</script>
5.四舍五入
方法round,小数四舍五入取整
<script>
document.write(Math.round(12.33));
</script>
6.取随机数
方法random取0~1之间的随机数
<script>
document.write(Math.random()+"<br/>");
document.write((Math.random()*5)+"<br/>");//取0~5之间的随机数
document.write(Math.random()*5+5+"<br/>");//取5~10之间的随机数
document.write(Math.round(Math.random()*5)+5);//取5~10之间的整数
</script>
自定义对象
在JavaScript中可以自定义对象,添加新的属性,添加新的方法
1.通过 new Object() 创建对象
通过 new Object() 创建对象
例:
<script>
//定义一个对象
var hero = new Object();
//定义对象属性,并且赋值
hero.name = "盖伦";
//定义一个函数
hero.kill = function(){
document.write(hero.name+"正在大杀特杀!");
}
hero.kill(); //调用函数
</script>
2.通过function设计一个对象
通过 new Object 创建对象有个问题,就是每创建一个对象吗,都得重新定义属性和函数,这样代码的重用性不好,那么,采用另一种方式,通过function 设计一种对象,然后实例化它
这种思路很想Java里的设计一种类,但是JavaScript没有类,只有对象,所以 我们叫设计一种对象
例:
<script>
function Hero = name(name){
this.name = name;
this.kill = function(){
document.write(this.name+"正在杀敌<br/>");
}
}
var gareen = new Hero("盖伦");
gareen.kill();
var teemo = new Hero("提莫");
teemo.kill();
</script>
3.为已存在的对象,增加新的方法
需要通过 prototype 实现
例:
<script>
function Hero(name){
this.name = name;
this.kill = function(){
document.write(this.name+"正在杀敌<br/>");
}
}
var gareen = new Hero("盖伦");
gareen.kill();
Hero.prototype.death = function(){
document.write(this.name+"被杀了<br/>");
}
gareen.death();
</script>
来源:CSDN
作者:qq1205263469
链接:https://blog.csdn.net/qq1205263469/article/details/103458060