Java全栈学习:JavaScript---显示网页时钟和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()方法类似。

猜你喜欢

转载自blog.csdn.net/weixin_45965358/article/details/114268782