<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>