ROS Clock 各版本支持时间倒计时工具 转
【摘要】
网址: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)