JS实现摇骰子

87小太阳

已于 2022-11-12 15:33:18 修改

阅读量877

点赞数

分类专栏： JS案例文章标签： javascript 前端

于 2022-11-12 15:27:03 首次发布

本文链接：https://blog.csdn.net/weixin_53798158/article/details/127820890

版权

本文介绍如何利用JavaScript编程实现一个摇骰子的功能，涵盖了前端交互和随机数生成的原理，通过实例代码解析整个过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <img src="./sai1.png" width=100 height=100 alt="1" id="one">
    <img src="./sai2.png" width=100 height=100 alt="1" id="two">
    <img src="./sai3.png" width=100 height=100 alt="1" id="three">

    <!-- 必须不断的修改src的路径  -->
    <!-- sai.png固定 1 2 3 4 5 6  -->
    <!-- 随机值    -->
    <!-- 三个骰子 需要生成三个随机值    1~6  -->
    <!-- 间歇定时器 实现没隔多长时间执行依次 -->
    <button onclick="zhuan()">开始</button&g