qq_39677327 2022-11-04 18:56 采纳率: 94.9%
浏览 43
已结题

关于web计时的问题,如何解决?

要求:
① 页面按图进行布局。
② 点击计时开始文本框内的文本每秒钟改变一次,与系统时间保持一致。
③ 点击计时结束文本框内的文本暂停变化。
④ 分别编写计时开始和计时结束函数完成相应功能。
⑤ 当小时、分钟、秒数值小于10时,首位要补0。

1)新建html文档,在<script></script>标签之间书写JavaScript代码实现功能。
(2)采用<form><input>等标签完成页面内容的编写。
(3)编写开始计时和结束计时的函数。
(4)分别在计时开始和计时结束按钮上通过onClick事件绑定计时和结束函数。
注:
1)采用JavaScript的Date对象获取当前时间。
2)计时采用setInterval(code,millsecond)实现;计时结束采用clearInterval(id)
实现,其中id为setInterval函数对应的ID标识。



img

  • 写回答

2条回答 默认 最新

  • CSDN专家-sinJack 2022-11-04 19:06
    关注

    加两个按钮来控制调用和结束。

    
    <!DOCTYPE html>
    <html lang="en">
         <head>
        <meta charset="UTF-8">
        <title>JS时间</title>
         </head>
         <body> 
           <input type="button" value="计时开始" onclick="start()"/>
        <input type="text" id="time"/>
           <input type="button" value="计时结束" onclick="stop()"/>
        <script type="text/javascript">
      function currtime() {
         var vDay;
         var date =  new Date();
         var hours = date.getHours();
         var minutes = date.getMinutes();
        var seconds = date.getSeconds();
    document.getElementById("time").value = deal(hours) + ":" + deal(minutes) + ":" + deal(seconds);
         };
         var t;
         function time() {
             t = setInterval(currtime, 1000);
         }
          function start() {
        clearInterval(t);
            time();
            }
            function stop() {
                clearInterval(t);
            })
            function deal(s){
              return s>9?s:'0'+s;
            }
        </script>
         </body>
    </html>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 11月12日
  • 已采纳回答 11月4日
  • 修改了问题 11月4日
  • 修改了问题 11月4日
  • 展开全部

悬赏问题

  • ¥15 2024-五一综合模拟赛
  • ¥15 下图接收小电路,谁知道原理
  • ¥15 装 pytorch 的时候出了好多问题,遇到这种情况怎么处理?
  • ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
  • ¥15 手机接入宽带网线,如何释放宽带全部速度
  • ¥30 关于#r语言#的问题:如何对R语言中mfgarch包中构建的garch-midas模型进行样本内长期波动率预测和样本外长期波动率预测
  • ¥15 ETLCloud 处理json多层级问题
  • ¥15 matlab中使用gurobi时报错
  • ¥15 这个主板怎么能扩出一两个sata口
  • ¥15 不是,这到底错哪儿了😭