JavaScript学习11-CSDN博客

本文链接：https://blog.csdn.net/qq_44152890/article/details/122733277

1、显示页面时钟

<!DOCTYPE html>
<html>
    <head>
        <title>日期</title>
    </head>
    <body>
        <script type="text/javascript">
            //创建Date类的对象，即可获得当前系统时间
            var shi=new Date();
            //document.write()也是输出，输出在页面上；而alert是以弹窗的形式输出
            document.write(shi);
            //想在<script>标签下写换行，并在页面上输出，不能直接用<br>
            //只能输出<br>;格式为document.write("<br>");
            document.write("<br>");
            //toLocaleString函数的作用是换成具有本地语言环境的日期格式
            shi=shi.toLocaleString();
            document.write(shi);
            document.write("<br>");



            //如果想自定义输出日期的格式
            var shi2=new Date();
            var nian=shi2.getFullYear();//getFullYear()函数是获取全部的年
            /*
            getYear()函数是获取部分的年
            例子：getFullYear()得到的是2021年
                  getYear()得到的是21年
            */

            var yue=shi2.getMonth();//getMonth()函数获取月份
            /*
            getMonth()函数的值为0-11
            要获得准确的月份需要加一
            */
            var ri=shi2.getDay();//getDay()函数获得的是当前星期的第几天
            var ri2=shi.getDate();//getDate()函数获得的是当月第几天
            document.write(nian+"年"+yue+"月"+ri2+"日");

            // 重点:怎么获取毫秒数？(从1970年1月1日 00:00:00 000到当前系统时间的总毫秒数)
		    //var times = t.getTime();
		    //document.write(times); // 一般会使用毫秒数当做时间戳. (timestamp)
        </script>
        <script type="text/javascript">
            function displayTime(){
                var time = new Date();
                var strTime = time.toLocaleString();
                document.getElementById("timeDiv").innerHTML = strTime;
            }
                    
            // 每隔1秒调用displayTime()函数
            function start(){
            // 从这行代码执行结束开始,则会不间断的,每隔1000毫秒调用一次displayTime()函数.
                v = window.setInterval("displayTime()", 1000);	
            }
                    
            function stop(){
                window.clearInterval(v);//停止时间的流动
            }
        </script>
        <input type="button" value="显示系统时间" onclick="start();"/>
        <input type="button" value="系统时间停止" onclick="stop();" />
        <div id="timeDiv"></div>
    </body>
</html>

2、Array类

<!DOCTYPE html>
<html>
    <head>
        <title>Array类</title>
    </head>
    <body>
        <script type="text/javascript">
            //创建数组方法一
            var i=[];
            document.write(i.length);//数组长度为0
            var j=["a",123,"uuu"];
            document.write(j.length);//数组长度为3
            document.write("<br>");

            j[4]="asd";//不会越界，自动扩容，且j[3]的值为undefined
            for(var t=0;t<j.length;t++){
                document.write(j[t]);
            }
            
            //创建数组方法二
            var k=new Array();
            document.write(k.length);//数组长度为0
            document.write("<br>");

            var h=new Array(2);//当括号中填写的只有一个数字，则这个数字为数组的长度
            document.write(h.length);
            document.write("<br>");

            var g=new Array(1,3,4);//当括号中填写的不只有一个数字，则为数组的元素
            document.write(g.length);//长度为3
            document.write("<br>");

            //join方法，将所有元素以字符串的形式输出
            document.write(g.join("-"));//括号内写字符与字符间的连接方式

            // 在数组的末尾添加一个元素(数组长度+1)
            document.write(g.push(10));

            // 将数组末尾的元素弹出(数组长度-1)
            document.write(g.pop());

            //反转数组
            document.write(g.reverse());
        </script>
    </body>
</html>