用js在网页上显示当前日期和时间,并显示是星期几

JavaScript020

用js在网页上显示当前日期和时间,并显示是星期几,第1张

1、要获得当前时间，我们可以使用Date方法，new一个Date对象。

2、然后调用这个对象的toLocaleTimeString方法，来获取具体的时间

3、最后使用alert方法来弹出结果，来验证一下是否正确

4、运行页面，点击按钮，可以看到弹出一个确认框里，里面显示的时间就是当前时间了。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

</head>

<body>

    <input id="y" type="text" placeholder="年" /> <input id="m" type="text" placeholder="月" />

    <nput id="d" type="text" placeholder="日" /> <br /> <input type="button" id="btn" value="计算星期几" /> <input type="text"

        id="w" placeholder="星期几">

    <script>

        var y = document.getElementById('y')

        var m = document.getElementById('m')

        var d = document.getElementById('d')

        var w = document.getElementById('w')

        var btn = document.getElementById('btn')

        btn.onclick = function () {

            var a = ''

            a = y.value + '/' + m.value + '/' + d.value

            var date = new Date(a)

            var week = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"]

            w.value = week[date.getDay()]

        }

    </script>

</body>

</script>

</body>

</html>