JavaScript的学习4

时间：2024-11-30 10:06:08

一、Array对象

ArrayObject.reverse()   将数组进行翻转

ArrayObject.shift()     删除数组中的第一个元素并将其返回

ArrayObject.unshift(元素1,元素2)    往数组中的开头添加一个或者多个数组元素 并返回新的数组的长度

ArrayObject.pop()          将数组的最后一个元素删除并将其返回

ArrayObject.push()      向数组末尾添加一个或者多个数组元素并将新的长度返回

ArrayObject.sort(sortby)   对数组元素进行排序

二、Date对象

第一种：使用new关键字与Date()来创建  带参数（返回指定的时间日期）

第二种：使用new关键字与Date()来创建  不带参数（返回当前的指定日期）

Date方法实例

<script type="text/javascript">

        //创建一个时间日期对象

        var today = new Date();

        //从这个对象中获取到4位数的年份

        var year  = today.getFullYear();

        var m     = today.getMonth()+1;

        var t     = today.getDate();

        var xs      = today.getHours();

        var fz      = today.getMinutes();

        var ms      = today.getSeconds();

        var hms      = today.getMilliseconds();

        var sjc      = today.getTime();

        //定义一个字符串来输出

        var str = "<h2>输出现在的时间日期的相关信息</h2>";

            str += "今年是："+year;

            str += "<br/>当月是："+i(m);

            str += "<br/>今天是："+i(t);

            str += "<br/>当前小时："+i(xs);

            str += "<br/>当前分钟："+i(fz);

            str += "<br/>当前秒数："+i(ms);

            str += "<br/>当前毫秒："+i(hms);

            str += "<br/>当前时间戳："+sjc

            document.write(str);

        //前导0

        function i(y){

            return y<10 ? "0"+y : y;

        }

    </script>

三、Math对象

Math对象不需要创建 直接使用即可

Math.abs(x)     求x的绝对值

Math.ceil(x)　　对x进行向上取整

Math.floor(x)　　对x进行向下取整

Math.max(n1,n2,n3)　　返回最大的数

Math.min(n1,n2,n3)　　返回最小的数

Math.sqrt(x)　　返回x的平方根

Math.pow(x,y)　　返回x的y次方

Math.round(x)　　对x进行四舍五入

Math.random()　　返回0~1之间的随机数 包含0但是不包含1[0,1)

<script type="text/javascript">

        //求随机数  把它封装成一个函数

        //这个函数里面需要有两个值  一个是最大值 一个是最小值

        function getRandom(a,b){

            return Math.floor(Math.random()*(a-b+1)+b);

        }

        //调用函数

        document.write(getRandom(20,10));

    </script>

四、Window对象的方法

window.alert()      向浏览器的窗口弹出一个警告提示框

window.prompt()    向浏览器的窗口中弹出一个输入对话框

window.confirm()　　向浏览器窗口弹出一个确认对话框，点击“确定”按钮会得到布尔型 true，点击“取消”按钮会得到布尔型 false

window.open(url,name,options)　　打开一个新窗口

window.close()　　　　用来关闭当前的窗口

window.setTimeout(code,Millisec)　　 延时器：当指定的时间到了以后就执行一次code。code:执行的JS代码，Millisec:毫秒数

window.clearTimeout(要清除延时器的返回值)　　　　清除延时器

window.setInterval(code,Millisec)　　　计时器：每隔一定的时间就执行code代码

window.clearInterval(要清除的定时器返回值)　　　　清除计时器

动态时钟：

<style type="text/css">

        div{

            width:400px;

            height:200px;

            line-height:200px;

            text-align:center;

            background:skyblue;

            margin:100px auto;

        }

    </style>

    <script type="text/javascript">

        function getWeek(week){

            var str = "星期";

            switch(week){

                case 1:

                    str += "一";

                break;

                case 2:

                    str += "二";

                break;

                case 3:

                    str += "三";

                break;

                case 4:

                    str += "四";

                break;

                case 5:

                    str += "五";

                break;

                case 6:

                    str += "六";

                break;

                default:

                    str += "日";

                break;

            }

            return str;

        }

        function i(y){

            return y<10 ? "0"+y : y;

        }

        //每隔一秒就去更新一个时间   每隔一秒就去重新获取到时间

        function getClock(){

            //创建一个时间日期对象

            var today = new Date();

            var y      = today.getFullYear();

            var m      = today.getMonth();

            var d      = today.getDate();

            var h     = today.getHours();

            var f      = today.getMinutes();

            var s      = today.getSeconds();

            var w     = today.getDay();

            var str = y+"-"+ i(m)+"-"+i(d)+"&nbsp;"+i(h)+":"+i(f)+":"+i(s)+"&nbsp;"+getWeek(w);

            //需要往div里面写入内容 先要将这个HTML标签获取到  然后再来写入

            document.getElementById("div").innerHTML = str;

        }

        //当页面加载完成后再来执行里面的代码

        window.onload = function(){

            //每隔一秒种来使用定时器 每隔一秒去请求getClock()这个函数  这个函数的功能 就要每隔一秒去获取系统的时间

            setInterval("getClock()",1000);

        }

    </script>

</head>

<body>

    <div id="div"></div>

</body>

相关文章