javascript实现动态时钟的启动和停止

喜欢ヅ旅行 2022-05-17 07:36 209阅读 0赞

javascript实现动态时钟的启动和停止，点击开始按钮，获取当前时间，点击停止按钮，时间停止

<!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title>动态时钟的启动和停止</title>
        </head>
        <body background="img/2.jpg" style="background-repeat: no-repeat;margin-left: 180px;">
        
        <h1>动态时钟</h1>
        <p>
            当前时间：<span id="clock" style="color: #FF0000;"/> </span>
        </p>
        <p>
        <input type="button" value="start" onclick="start()" style="color: #FF0000;"/>
        <input type="button" value="stop" onclick="stop()" style="color: #FF0000;"/>
        </p>
        </body>
        <script type="text/javascript"> var timer; function start(){ //设置定时器（方法的实现，毫秒数） timer=setInterval(function(){ var now=new Date(); var time=now.toLocaleTimeString(); var c=document.getElementById("clock"); c.innerHTML=time; },1000); } function stop(){ //暂停 清楚定时器 clearInterval(timer); } </script>
    </html>

效果截图：  
![这里写图片描述][70]

[70]: /images/20220517/206840910efb486585a2a57fbffae554.png

发表评论取消回复

表情：

评论列表（有 0 条评论，209人围观）

还没有评论，来说两句吧...

相关阅读

相关 MySQL 服务的启动和停止

[4.MySQL 服务的启动和停止\_mysql数据库启停\_头疼小宇的博客-CSDN博客][4.MySQL _mysql_-CSDN] ![在这里插入图片描述][water

客官°小女子只卖身不卖艺/ 2024年03月23日 16:02/ 0 赞/ 66 阅读

相关 canvas版人体时钟的实现示例

不知道老网民们还记不记得这个魔性的时钟插件：作为网上冲浪十数载的网虫，不久前看到这个图瞬间破防，直接梦回10年前的QQ空间，感叹一下岁月蹉跎、时光荏苒、青春不在、不胜唏嘘。

朴灿烈づ我的快乐病毒、/ 2022年10月25日 00:49/ 0 赞/ 16 阅读

相关 mongodb数据库的启动和停止

数据库的启动和停止是数据库最基本的操作，也是数据库能够提供服务和被连接管理的前提条件。不同的数据库启动和停止的方式有一些差异，但也有相同之处，启动和关闭

你的名字/ 2022年08月02日 06:38/ 0 赞/ 221 阅读

相关 Nginx的启动,停止和重启

1、Nginx的启动 nginx启动的命令格式 -c 指定配置文件的地址 nginx可执行文件的目录 -c n ginx的配置文件

冷不防/ 2022年07月16日 20:07/ 0 赞/ 332 阅读

相关 Windows下编程--模拟时钟的实现

windows下编程--模拟时钟的实现：主要可以分为几个步骤： (1) 编写按键事件处理（启动和停止时钟） (2) 编写时钟事件处理，调用显示时钟函数 (3) 编写显

水深无声/ 2022年06月18日 08:53/ 0 赞/ 182 阅读

相关【JS每日练习】简单时钟的实现

<html> <head> <title>JS练习</title> <script> function clock()

Dear 丶/ 2022年06月12日 00:41/ 0 赞/ 218 阅读

相关 nginx的启动命令和停止命令

如下：查看Nginx的版本号：nginx -V 启动Nginx：start nginx 快速停止或关闭Nginx：nginx -s st

本是古典何须时尚/ 2022年05月22日 00:27/ 0 赞/ 421 阅读

相关 javascript实现动态时钟的启动和停止

javascript实现动态时钟的启动和停止，点击开始按钮，获取当前时间，点击停止按钮，时间停止 <!DOCTYPE html> <html>

喜欢ヅ旅行/ 2022年05月17日 07:36/ 0 赞/ 210 阅读

相关网页时钟的实现方式

setInterval()是Window对象的方法，调用此方法来按照指定的周期（以毫秒计）来调用函数或计算表达式。 var dayarray=new Array("星期天",

青旅半醒/ 2022年04月12日 06:48/ 0 赞/ 196 阅读

相关关于时钟的讨论

无论是用离散逻辑、可编程逻辑，还是用全定制硅器件实现的任何[数字][Link 1][设计][Link 1] ，为了成功地操作，可靠的[时钟][Link 1] 是非常关键的。设计

矫情吗；*/ 2021年11月11日 00:30/ 0 赞/ 418 阅读