javascript实例:显示时间

weixin_30482181

于 2018-09-27 14:13:00 发布

阅读量79

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/apollo1616/p/9712773.html

本文介绍了一种在HTML页面上使用JavaScript动态显示当前时间的方法。通过一个简单的按钮点击事件，页面上的时间会实时更新，展示了基本的网页交互设计。代码示例清晰，适合初学者学习。

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

</head>
<body>
    <div>
        <p id="demo">点击下方按钮显示时间</p>
        <button type="button" onclick="displayData()">北京时间</button>

    </div>
    <script>
        function displayData() {
            // 注意Date单词拼写
            document.getElementById("demo").innerHTML = Date();
        }
    </script>
</body>
</html>