Java全栈学习：JavaScript---显示网页时钟和Timing事件

Listener-1379

于 2021-03-01 19:32:26 发布

阅读量184

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_45965358/article/details/114268782

版权

JavaScript 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

文章目录

创建日期对象
日期获取办法
日期设置方法
Timing 事件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <script type = "text/javascript">
            displayTime = function(){
            var time = new Date();
                document.getElementById("timeDiv").innerHTML = time.toLocaleString();
            }
            start = function(){
                v = window.setInterval("displayTime()", 1000);
            }
            stop = function(){
                window.clearInterval(v);
            }
    </script>
    <input type = "button" value = "显示系统时间" id = "button1" onclick = "start()"/>
    <input type = "button" value = "停止显示系统时间" id = "button2" onclick = "stop()"/>
    <div id = "timeDiv"></div>
</body>
</html>

在这里插入图片描述

创建日期对象

new Date()
new Date(year, month, day, hours, minutes, seconds, milliseconds)
new Date(milliseconds)
new Date(date string)

第一个用于当前日期和时间创建新的日期对象
第二个，第三个，用指定日期和时间创建新的日期对象。
第四个，从日期字符串创建一个新的日期对象。

补充：toDateString() 方法将日期转换为更易读的格式

日期获取办法

在这里插入图片描述

日期设置方法

在这里插入图片描述

Timing 事件

概述：Timing事件，就是可以在时间间隔内执行JavaScript。

setTimeout(function, milliseconds)
在等待指定的毫秒数后执行函数。

setInterval(function, milliseconds)
等同于 setTimeout()，但持续重复执行该函数。

以上两个函数都属于 HTML DOM Window 对象的方法。

如何停止：
clearTimeout() 方法停止执行 setTimeout() 中规定的函数。

window.clearTimeout(timeoutVariable)

clearTimeout() 使用从 setTimeout() 返回的变量：

myVar = setTimeout(function, milliseconds);
clearTimeout(myVar);

clearInterval()方法类似。

Listener-1379

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Java全栈学习：JavaScript---显示网页时钟和Timing事件

文章目录创建日期对象日期获取办法日期设置方法Timing 事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <script type = "text/javascript"> displayTime =
复制链接

扫一扫

专栏目录