運動學JS

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>

相關文章
相關標籤/搜索