JavaScript编写的计时器/倒计时也可以改一下参数(用到的图片已经上传)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>秒钟计时器</title>
        <script>
         
        function setnumber(n){
            if(n<10)
            return '0'+'0'+n;
            else if(n>=10&&n<=99)
            return '0'+n;
            else
            return ''+n;
        }
         
 
        window.onload=function(){
            var d=document.getElementsByTagName('img');
            var time=0,time1;
             
            function clik(){
            time=setnumber(time);
            for(var i=0;i<d.length;i++){
                d[i].src='img/'+time.charAt(i)+'.png';
            }
             
            /*if(time==0){
                time=60;
            }*/
            time++;
            }
            time1=setInterval(clik,1000);
            //clik();
        };
             
        </script>
         
    </head>
    <body style="background: black;color: white;font-size: 50px;">
        <img src="img/0.png">
        <img src="img/0.png">
        <img src="img/0.png">
    </body>
</html>

  运行截图

用到的图片如下可复制

 

posted @   p微笑玲jx绝影  阅读(376)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
点击右上角即可分享
微信分享提示