ROS Clock 各版本支持时间倒计时工具 转

举报
zhangrelay 发表于 2022/05/16 00:53:27 2022/05/16
1.4k+ 0 0
【摘要】 网址:dlu.github.io/ros_clock/index.html "noetic": {"start": "May 23, 2020", "end": "May 23, 2025"}, "humble": {"start": "May 23, 2022", "end": "May 23, 2027"}, 效果如下: ...

网址:dlu.github.io/ros_clock/index.html

"noetic": {"start": "May 23, 2020", "end": "May 23, 2025"},

"humble": {"start": "May 23, 2022", "end": "May 23, 2027"},

效果如下:



      var timing = {
         //"boxturtle": {"start": "March 2, 2010", "end": ""},
         //"cturtle": {"start": "August 2, 2010", "end": ""},
        // "diamondback": {"start": "March 2, 2011", "end": ""},
         //"electric": {"start": "August 30, 2011", "end": ""},
         "fuerte":      {"start": "April 23, 2012",   "end": "Sept 4, 2013"},
         "groovy":      {"start": "Dec 31, 2012",     "end": "July 1, 2014"},
         "hydro":       {"start": "Sept 4, 2013",     "end": "May 1, 2015"},
         "indigo":      {"start": "July 22, 2014",    "end": "April 1, 2019"},
         "jade":        {"start": "May 23, 2015",     "end": "May 1, 2017"},
         "kinetic":     {"start": "May 23, 2016",     "end": "April 1, 2021"},
         "lunar":       {"start": "May 23, 2017",     "end": "May 23, 2019"},
         "melodic":     {"start": "May 23, 2018",     "end": "May 23, 2023"},
         "noetic":      {"start": "May 23, 2020",     "end": "May 23, 2025"},
         "ardent":      {"start": "Dec 8, 2017",      "end": "Dec 1, 2018"},
         "bouncy":      {"start": "July 2, 2018",     "end": "July 1, 2019"},
         "crystal":     {"start": "Dec 14, 2018",     "end": "Dec 1, 2019"},
         "dashing":     {"start": "May 31, 2019",     "end": "May 23, 2021"},
         "eloquent":    {"start": "November 22, 2019","end": "November 1, 2020"},
         "foxy":        {"start": "June 5, 2020",     "end": "May 23, 2023"},
         "galactic":    {"start": "May 23, 2021",     "end": "November 23, 2022"},
         "humble":      {"start": "May 23, 2022",     "end": "May 23, 2027"},
      }
  
 


      <html>
      <head>
         <meta charset="utf-8" />
         <title>ROS Clock</title>
         <link href="https://fonts.googleapis.com/css?family=Press+Start+2P&display=swap" rel="stylesheet">
         <link href="terminal.css" rel="stylesheet">
         <script src="info.js"></script>
         <script src="countdown.js"></script>
      </head>
      <body>
         <h1>ROS Clock</h1>
         <div id="contents"></div>
         <script>
         function update()
          {
           updateDict();
           var contents = document.getElementById("contents");
            contents.innerHTML = '';
           for (key in timing)
            {
             var entry = timing[key];
             var row = document.createElement('div');
              row.setAttribute('class', "row " + entry["status"]);
              contents.appendChild(row);
             var head = document.createElement('span');
              head.setAttribute('class', 'distro')
              head.appendChild(document.createTextNode(key));
              row.appendChild(head);
              row.appendChild(document.createTextNode(entry["status"]));
             if (entry["status"] != "expired")
              {
                  row.appendChild(document.createElement('br'));
                 var countdown = document.createElement('span');
                  countdown.setAttribute('class', 'countdown')
                  countdown.appendChild(document.createTextNode('Time Remaining: '));
                  countdown.appendChild(document.createTextNode(deltaToString(entry["delta"])));
                  row.appendChild(countdown);
                 if (entry["status"] == "future")
                  {
                      row.appendChild(document.createElement('br'));
                     var countdown = document.createElement('span');
                      countdown.setAttribute('class', 'countdown')
                      countdown.appendChild(document.createTextNode('Time to Release: '));
                      countdown.appendChild(document.createTextNode(deltaToString(entry["release"])));
                      row.appendChild(countdown);
                  }
              }
            }
          }
         setInterval(update, 1000);
         update();
         </script>
      </body>
      </html>
  
 

文章来源: zhangrelay.blog.csdn.net,作者:zhangrelay,版权归原作者所有,如需转载,请联系作者。

原文链接:zhangrelay.blog.csdn.net/article/details/124775846

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

作者其他文章

评论(0

抱歉,系统识别当前为高风险访问,暂不支持该操作

    全部回复

    上滑加载中

    设置昵称

    在此一键设置昵称,即可参与社区互动!

    *长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

    *长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。