JavaScript基本语法(二)

变量、常量、数据类型三个部分,附加一个js实现动态时间

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>2.html</title>
    <!-- 当需要对页面标签进行访问时,才需要写load事件 -->
    <script>
        // 定义变量let或var;let与var的区别
        // var定义是全局变量 let定义局部变量
        let name1 = "张三";
        var name2 = "李四"
        console.log(name1,name2);
        // 语句块
        {
            let i = 10;
            let j = 20;
            console.log(i,j);
        }
        // 常量
        const PI = 3.14;
        console.log(PI);
        // 三种主要数据类型:字符型、布尔型、数值
        let name3 = "字符型"; //用双引号或单引号括起来
        console.log(name3,typeof name3);
        // 根据变量存储的内容确定变量类型
        name3 = 20;
        console.log(name3,typeof name3);
        name3 = true;
        console.log(name3,typeof name3);
        // 两种复合数据类型:对象、数组
        // 对象包含内置对象和自定义对象,详情可参考文档
        window.onload = function(){
            // 使用内置对象
            let now = new Date();
            let sp = document.querySelector('#sp');
            sp.innerHTML = now;
            let sp1 = document.querySelector('#sp1');
            sp1.innerHTML = now.toLocaleDateString();
            let sp2 = document.querySelector('#sp2');
            sp2.innerHTML = now.toLocaleTimeString();
            let year,month,day,week,hour,minute,second;
            year = now.getFullYear();
            month = now.getMonth() + 1;// 月份从0开始
            day = now.getDate();
            week = now.getDay();//0~6代表周天~周六
            hour = now.getHours();
            minute = now.getMinutes();
            second = now.getSeconds();
            sp.innerHTML = "今天是:" + year + "年" + month + "月" + day + "日"  + "星期" + week
            +"  时间"+ hour +":"+minute+":"+second;
            //或者使用ESC按键下面的反单引号`将字符串括起来,并在其中插入变量
            let sp3 = document.querySelector('#sp3');
            sp3.innerHTML = `今天是:${year}${month}${day} 日`;

        }
        
        // 两种特殊数据类型:null、undefined
        // null
        let nu = document.querySelector('#div');
        console.log(nu);
        // undefined(定义未赋值对象)
        let un;
        console.log(un);
    </script>
</head>
<body>
    <span id="sp"></span><br>
    <span id="sp1"></span><br>
    <span id="sp2"></span><br>
    <span id="sp3"></span><br>
    动态时间:
    <div id="times">
        <script>
            //得到时间并写入div
             function getDate(){
                //获取当前时间
                 var date = new Date();
                 //格式化为本地时间格式
                 var date1 = date.toLocaleString();
                 //获取div
                 var div1 = document.getElementById("times");
                //将时间写入div
                 div1.innerHTML = date1;
             }
             //使用定时器每秒向div写入当前时间
             setInterval("getDate()",1000);
        </script>
    </div>
</body>
</html>

结果
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值