var myDate = new Date();
myDate.getYear(); //獲取當前年份(2位)
myDate.getFullYear(); //獲取完整的年份(4位,1970-????)
myDate.getMonth(); //獲取當前月份(0-11,0表明1月)
myDate.getDate(); //獲取當前日(1-31)
myDate.getDay(); //獲取當前星期X(0-6,0表明星期天)
myDate.getTime(); //獲取當前時間(從1970.1.1開始的毫秒數)
myDate.getHours(); //獲取當前小時數(0-23)
myDate.getMinutes(); //獲取當前分鐘數(0-59)
myDate.getSeconds(); //獲取當前秒數(0-59)
myDate.getMilliseconds(); //獲取當前毫秒數(0-999)
myDate.toLocaleDateString(); //獲取當前日期
var mytime=myDate.toLocaleTimeString(); //獲取當前時間
myDate.toLocaleString( ); //獲取日期與時間html
談到JS,你們都會想到是讓物體動起來!沒錯,到底是怎麼動的,!app
setTimeout(function(){,30); 定時器走一次spa
定時器 setInterval(function(){},30); 定時器循環htm
清除定時器 clearInterval(); 對象
向上取整 math.ceil(4.5); // 5
ip
向下取整 math.floor(5.9); // 5
ci
四捨五入 math.round(1.2); // 1get
math.round(1.51); // 2it
轉化爲整形 parseInt("123",8) //1*8e2+2*8e1+3 =83
io
轉化爲浮點型 parseFloat()
odiv.style.width=220px; //這個只適合用於提取行間樣式
getStyle() //獲取非行間樣式
function getStyle(obj, attr)
{
if(obj.currentStyle)
{
return obj.currentStyle[attr];
}
else
{
return getComputedStyle(obj, false)[attr];
}
}
對象的可見寬度 offsetWidth = width + padding + border
var speed=(itarget-offsetWidth)/6
ps:多物體運動,須要注意多個物體都要有定時器!
多物體運動,全部的東西都不能共用!
如須要共用,需以變量的形式存在與運動對象綁定!
二級聯動
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ceshi</title>
</head>
<body>
<script>
var arr=['請選擇','省1','省2','省3','省4'];
var app=[
[],
['省1A','省1B','省1C','省1D'],
['省2A','省2B','省2C','省2D'],
['省3A','省3B','省3C','省3D'],
['省4A','省4B','省4C','省4D'],
];
window.onload=function (){
creatcity();
document.getElementById('city1').onchange=creatcity2;
}
function creatcity(){
city1=document.getElementById('city1');
for(var i in arr){
var op=new Option(arr[i],arr[i]);
city1.options.add(op);
}
}
function creatcity2(){
var index=document.getElementById('city1').selectedIndex;
city2=document.getElementById('city2');
city2.options.length=0;
//alert(index);
for(var i in app){
var op1=new Option(app[index][i],app[index][i]);
city2.options.add(op1);
}
}
</script>
<select name="" id="city1"></select>
<select name="" id="city2"></select>
</body>
</html>