<script type="text/javascript">
//宿主对象:内置对象。
// Math.pow()--求幂,参1:底数 参2:指数
console.log(Math.pow(2,3));//8
// Math.random()--随机产生0-1之间的数字,不包括1. 利用此方法做两级随机判断-和0.5比较
console.log(Math.random());
// Math.max()--求括号里面数值的最大值//不能是数组。
console.log(Math.max(2,5,7,3));//7
// Math.min()--求括号里面数值的最小值。
console.log(Math.min(2,5,7,3));//2
// Math.round()--对括号里面的值四舍五入取整。
console.log(Math.round(3.54));//4
// Math.ceil()--对括号里面的值向上取整
console.log(Math.ceil(3.000009));//4
// Math.floor()--对括号里面的值向下取整
console.log(Math.floor(3.999999));//3
// Math.abs()--绝对值
console.log(Math.abs(-3.999999));//-3.999999
// Math.sqrt()--开根号
console.log(Math.sqrt(4))//2
//三角函数:js没有角度的概念,js使用的弧度。
//1° = Math.PI/180 弧度
/*Math.sin(); 对边/斜边
Math.cos(); 临边/斜边
Math.PI*/
//console.log(Math.sin(30*Math.PI/180));
//勾股定理复习
//求盒子与盒子之间的距离
</script>
<style type="text/css">
#box{
width:800px;
height:600px;
background: red;
}
</style>
</head>
<body>
<div id="box"></div>
<script type="text/javascript">
function rannum(min,max){
//return Math.round(Math.random()*(max-min)) + min;
return Math.floor(Math.random()*(max-min+1)) + min;
}
console.log(rannum(5,9));//随机产生5,6,7,8,9.
var box=document.getElementById('box');
box.οnclick=function(){
setInterval(function(){
box.style.background='rgb('+rannum(0,255)+','+rannum(0,255)+','+rannum(0,255)+')';//给元素赋值背景。
},100);
}
</script>
<script type="text/javascript">
//1.新建日期对象--构造函数
//东八区:120度
//24个时区:360/24=15 120/15=8
//console.log(new Date());//Fri Nov 02 2018 14:05:51 GMT+0800 (中国标准时间)
//var d1=new Date();
//console.log(d1.toLocaleString());//本地:2018/11/2 下午2:09:09
//日期来自当前的系统的。
//2.日期对象下面的方法
//get+获取年月日星期时分秒。
//getFullYear():四位的年份
//getYear():获取的时从1900-当前的年份差
//getMonth():获取月份,0-11 切记+1
//getDate(): 获取当前的日期(几号)。
//getDay():获取星期 ,0-6 星期日--星期一,输出阿拉伯数字。
//getHours():时
//getMinutes():分
//getSeconds():秒
//set+设置年月日星期时分秒。
//setFullYear():四位的年份
//setMonth():获取月份,0-11 切记+1
//setDate(): 获取当前的日期(几号)。
//setHours():时
//setMinutes():分
//setSeconds():秒
//getTime():获取的时1970-1-1 午夜 -- 当前的时间的毫秒数。
//1.输出:今天是:2018年11月2日 星期五 14:18:02
function double(n){
return n<10? '0'+n : n;
}
function getdate(){
var d1=new Date();
var year=d1.getFullYear();
var month=d1.getMonth()+1;
var day=d1.getDate();
var week=d1.getDay();
if(week==5){
week='星期五';
}
var hour=d1.getHours();
var min=d1.getMinutes();
var sec=d1.getSeconds();
return '今天是:'+year+'年'+month+'月'+day+'日 '+week+' '+hour+':'+double(min)+':'+double(sec);
}
//document.body:获取body元素。
//document.documentElement:获取html元素
//document
document.body.innerHTML=getdate();
setInterval(function(){
document.body.innerHTML=getdate();
},1000);
</script>
</body>
<script type="text/javascript">
//1.设置日期--数字和字符串
//数字设置-月份默认+1 设置年月日,时分秒。
//var d1=new Date(2018,11,20,12,13,14);
//console.log(d1.toLocaleString());//2018/12/20 下午12:13:14
//数字日期,自动进位。
//var d1=new Date(2018,13,20,12,13,14);
//console.log(d1.toLocaleString());//2019/2/20 下午12:13:14
//字符串--不会自动进位,注意时间的冒号。
//var d1=new Date('2018-10-15 12:13:14');
//console.log(d1.toLocaleString());//2018/10/15 下午12:13:14
/*var d1=new Date('2018/10/15 12:13:14');
console.log(d1.toLocaleString());//2018/10/15 下午12:13:14
var d1=new Date('2018.10.15 12:13:14');
console.log(d1.toLocaleString());//2018/10/15 下午12:13:14
var d1=new Date('2018 10 15 12:13:14');
console.log(d1.toLocaleString());//2018/10/15 下午12:13:14
var d1=new Date('2018 18 15 12:13:14');
console.log(d1.toLocaleString());*///Invalid Date 无效时间
//2.设置日期--方法(自动进位)
/*var d1=new Date();
d1.setDate(d1.getDate()+40);//获取当前的日期+10,再设置。
console.log(d1.toLocaleString());//2018/12/12 下午2:42:21*/
//倒计时
function djs(){
var futuretime=new Date('2018-12-31 23:59:59');//未来时间
var currenttime=new Date();//当前时间
//console.log(futuretime-currenttime);//毫秒数
var time=parseInt((futuretime-currenttime)/1000);
//秒数
//天 时 分 秒
var day=parseInt(time/86400);
var hour=parseInt(time%86400/3600);
var min=parseInt(time%3600/60);
var sec=time%60;
return '离2019年还剩:'+day+'天'+hour+'时'+min+'分'+sec+'秒';
}
document.body.innerHTML=djs();
setInterval(function(){
document.body.innerHTML=djs();
},1000);
//var d1=new Date();
//alert(d1.getTime());//1541142033517
</script>
<body>
<img src="images/0.JPG" alt="" />
<img src="images/0.JPG" alt="" />
<img src="images/mh.JPG" alt="" />
<img src="images/0.JPG" alt="" />
<img src="images/0.JPG" alt="" />
<img src="images/mh.JPG" alt="" />
<img src="images/0.JPG" alt="" />
<img src="images/0.JPG" alt="" />
</body>
<script type="text/javascript">
//1.通过标签名获取多个元素,返回一个类数组。
var aImg=document.getElementsByTagName('img');//获取8个图片元素
/*alert(aImg.length);//8
alert(aImg[0]);*/
function double(n){
return n<10? '0'+n : n;
}
function imgtime(){
var d1=new Date();
var hour=d1.getHours();
var min=d1.getMinutes();
var sec=d1.getSeconds();
var str=double(hour)+':'+double(min)+':'+double(sec);
//console.log(str);//15:12:38
for(var i=0;i<aImg.length;i++){
if(i==2 || i==5){
aImg[i].src="images/mh.JPG";
}else{
aImg[i].src="images/"+str[i]+".JPG";
}
}
}
imgtime();
setInterval(imgtime,1000);
</script>