HTML JavaScript 命运石之门时间线动态时钟(附代码)

news/2024/11/24 4:58:02/

喂,站在那里的人,赐予你labmem 014的称号!Steins;Gate!

宇宙虽有其起源,却没有终结——无限。星球虽也有起源,却因其自身之力走向毁灭——有限。拥有睿智之才是最为愚蠢者,历史上不胜枚举...这也可以说是给那些抵抗者们的,神的最后通牒

<html>
<head><meta charset="UTF-8"><title>Divergence Meter Time</title><link rel="shortcut icon" href="../Count_Visitor/images/cruise.ico">	<style>body {margin: 0;}#div19 {font-size: 40px;position: absolute;left: 200px;top: 200px;width: 1200px;height: 200px;}</style><script src = "./js.js">//Implement a digital clock</script></head><body style="background:#000000">
<div id="div18">     <div id="div19" style="background:#00000"><a  href="http://www.longsong.xyz/Count_Visitor"><img src="../Count_Vistor/images/0.png"/><img src="../Count_Vistor/images/0.png"/><img src="../Count_Vistor/images/point.png"/><img src="../Count_Vistor/images/0.png"/><img src="../Count_Vistor/images/0.png"/><img src="../Count_Vistor/images/point.png"/><img src="../Count_Vistor/images/0.png"/><img src="../Count_Vistor/images/0.png"/></a></div>
</div>
</body></html>

js.js

    function fun(string) {if (string <= 9) {return "0" + string;} else {return "" + string;}}window.onload = function () {var aadiv = document.getElementById('div19');var test = aadiv.getElementsByTagName('img');function times() {for (var i = 0; i < test.length; i++) {if (i%2 == 0)test[i].src = '../Count_Visitor/images/11.gif';elsetest[i].src = '../Count_Visitor/images/12.gif';}}function time() {var date = new Date();var str = fun(date.getHours()) + "p" + fun(date.getMinutes()) + "p" + fun(date.getSeconds());for (var i = 0; i < test.length; i++) {test[i].src = '../Count_Visitor/images/' + str[i] + '.png';}}times();var timerid = setTimeout(function () { //loading videosetInterval(time, 1000);time();}, 3000)}

GitHub - longsongline/Steins-Gate-Divergence-Meter-Clock-VisitorCounter: This is a html inspired bySteins;Gate Divergence Meter Clock/VisitorCounter( THE Name is not decide))https://github.com/longsongline/Steins-Gate-Divergence-Meter-Clock-VisitorCounter


http://www.ppmy.cn/news/201026.html

相关文章

设计 Timeline 时间轴来更精确地控制动画

Firefox 偷偷实现了一个 AnimationTimeline&#xff0c;用来为动画提供时间轴。根据文档&#xff0c;它是一个抽象类&#xff0c;被 DocumentTimeline 继承。 由于是非标准的特性&#xff0c;MDN的文档里面也没有解释的很清楚&#xff0c;只是说它用来让多个动画共享时间轴&am…

html+css实现时间轴

html部分 < div class“datagrid-mac-ower”> < ul class“time-vertical” id“ower-result”> < /ul> < /div> css部分&#xff1a; .datagrid-mac-ower { width: 300px; height: 480px; margin-left: 20px; overflow-y: scroll; } .time-vertical …

使用 CSS 实现时间轴

文章目录 一、基本思路二、具体实现三、其他 如果有更好的思路或者建议&#xff0c;请务必在评论区告诉我。 一、基本思路 首先在最外层构建一个 box&#xff0c;用来包裹所有的 item每一个子项拥有各自的元件&#xff0c;包括&#xff1a;line&#xff0c;icon&#xff0c;co…

静止轨道卫星几何校正——FY-4A几何校正(风云系列静止卫星可以参考)

前言 经常从静止轨道卫星的数据说明中可以看到这样的内容&#xff0c;“数据已经经过了投影”&#xff0c;但是对于初次使用静止轨道卫星数据的人来说&#xff0c;在打开数据后会感到奇怪&#xff0c;这哪里是经过投影的数据&#xff0c;什么有用的信息都看不到。我在读了很多…

永磁同步电机(PMSM)知识系列之坐标变换

坐标变换 为了简化自然坐标系下三相 PMSM 的数学模型&#xff0c;PMSM控制算法中采用的坐标变换通常包括静止坐标变换&#xff08; Clark 变换&#xff09;和同步旋转坐标变换&#xff08; Park变换&#xff09; 。各坐标系如下图所示&#xff0c;其中&#xff0c;ABC为三相坐标…

《时间戳》

类型&#xff1a;long/int64 单位&#xff1a;毫秒 long timePoint; 时间戳的起点是1970-01-01 08:00:00&#xff08;北京时间&#xff09; 例如&#xff1a; timePoint 0 转化成时间点为1970-01-01 08:00:00 timePoint 4321000 转化成时间点为1970-01-01 08:43:21 …

html+css+js 动态时钟

今天我在学习css3的时候&#xff0c;无意间在一个博客好友的文章里看见咯一个纯代码写出的动态时钟&#xff0c;我觉得很有确&#xff0c;我就试着按照他的思路分析自己写咯一个&#xff0c; 不过我写的和他写的还是有区别的&#xff0c;他的好些元素是用js创建的&#xff0c;…

时间轮盘TimeWheel

在管理网络连接时&#xff0c;经常要对大量的连接进行超时管理&#xff0c;如将超时的连接断开。如果将这些大量的连接放在一个map中&#xff0c;然后用一个线程进行扫描&#xff0c;把超时的连接找到&#xff0c;如果连接很多&#xff0c;则这种做法很难接受的。 目前有个通用…