js之转动的骰子模型

小鱼儿 2022-05-19 07:16 107阅读 0赞

创建一个自动随机生成骰子数的模型，因为需要引入图片这里将图片省去了，自己导入图片即可验证代码

--------------------

<!DOCTYPE html>
    <html>
        <head>
    
            <meta charset="UTF-8">
            <title></title>
        </head>
        <body>
            
            <div id="c1">
                <img src="img/img/sai3.png" />
            </div>
            <div id="c2">
                <img src="img/img/sai4.png" />
            </div>
        <div id="c5">
            <img src="img/img/sai5.png" />
        </div>
            <input type="button" value="开始" id="button1" onclick="tst()"/>
            <input type="button" value="停止" id="button2" onclick="stop()"/>
            <script type="text/javascript"> //先获取对象，并声明一个全局变量，留给setTimeout（）函数使用 var bt1=document.getElementById("button1"); var bt2=document.getElementById("button2"); var ims=document.getElementsByTagName("img"); var a; //开始的函数 function tst(){ var num=Math.floor(Math.random()*6+1) for (var i=0;i<3;i++) { ims[i].src="img/img/sai"+num+".png"; }a=setTimeout(tst,500); //点击一次后，再次点击没有效果 bt1.removeAttribute("onclick") } function stop(){ clearTimeout(a) //点击一次后，回复开始按钮的功能 bt1.setAttribute("onclick","tst()") } </script>
        </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，107人围观）

还没有评论，来说两句吧...

相关阅读

相关华为OD机试 - 转骰子（Java）

题目描述骰子是一个立方体，每个面一个数字，初始为左1，右2，前3(观察者方向)，后4，上5，下6，用123456表示这个状态，放置在平面上，可以向左翻转(用L

素颜马尾好姑娘i/ 2024年03月17日 18:30/ 0 赞/ 53 阅读

相关华为OD机试 - 转骰子（Java & JS & Python）

题目描述骰子是一个立方体，每个面一个数字，初始为左1，右2，前3(观察者方向)，后4，上5，下6，用123456表示这个状态，放置在平面上，可以向左翻转(用L

心已赠人/ 2023年09月23日 12:53/ 0 赞/ 137 阅读

相关 canvas 绘制转动的钟表

<canvas id="skyCanvas" width="600" height="600" style="background: 000;"></canvas>

痛定思痛。/ 2023年02月25日 02:14/ 0 赞/ 55 阅读

相关 JS动静态的概念

对象分两种，一个是类对象，一个是实例对象。静态方法——类对象在构造函数本身上定义的方法，只能通过构造函数本身调用，new出来的对象不能够调用。 var

梦里梦外;/ 2022年12月03日 01:34/ 0 赞/ 145 阅读

相关眼睛跟随鼠标转动的小黄人 html+css+js

先上效果（完整代码在最后）： ![在这里插入图片描述][20210328172213845.gif_pic_center] 实现过程（可跟着一步一步书写）： 1.

谁践踏了优雅/ 2022年11月14日 10:17/ 0 赞/ 285 阅读

相关 js之文档对象模型

目录 Node类型 Node类型的属性 Node类型的方法 Document类型 Document类型属性 Document类型方法 Element类型

骑猪看日落/ 2022年09月10日 07:21/ 0 赞/ 208 阅读

相关【玩转GridView】之让GridView动起来(二)

前言：上篇博客，我们介绍了通过使用Template和Gridview属性结合使用的方式，让gridview变活了。这篇博客接着上次的话题，在之后的项目中发现了gridv

曾经终败给现在/ 2022年08月08日 15:59/ 0 赞/ 287 阅读

相关【玩转GridView】之让GridView动起来(一)

概述：这次，小编带大家看看如何让你的gridview动起来.整个功能大概流程是;当点击左侧gridview中某一行，查询相应的12月数据显示到右侧gridview中，对于

今天药忘吃喽~/ 2022年08月04日 13:55/ 0 赞/ 247 阅读

相关 js之转动的骰子模型

创建一个自动随机生成骰子数的模型，因为需要引入图片这里将图片省去了，自己导入图片即可验证代码 -------------------- <!DOCTYPE html

小鱼儿/ 2022年05月19日 07:16/ 0 赞/ 108 阅读

相关 python学习之掷骰子游戏

""" 通过学习的python知识，写一个简单的python小游戏游戏名字：掷骰子比大小游戏规则： 1、玩家可以选择玩掷几个骰子游戏

水深无声/ 2021年12月17日 07:45/ 0 赞/ 537 阅读