分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

js中的投掷筛子的小游戏

发布时间:2023-09-06 02:03责任编辑:赖小花关键词:js

代码

<!DOCTYPE html>
<html lang="en">
<head>
???<meta charset="UTF-8">
???<title>zhishaizi</title>
</head>
<body>

<img src="sai1.png">
<img src="sai2.png">
<img src="sai3.png">
<input type="button" value="开始" id="start" onclick="change()" >
<input type="button" value="停止"id="stop" onclick="Stop()" >

<script >
???var a;
???var start = document.getElementById("start");
???var stop = document.getElementById("stop");
???var img = document.getElementsByTagName("img");
// ???筛子改变点数的函数
???function change() {
???????for (i = 0 ;i<img.length;i++) {
???????????n = Math.floor(Math.random()*6+1);
???????????img[i].src = "sai"+ n +".png"
???????}
???????a = setTimeout(change,100)
// ???????SettTimeout函数类似于装饰器的作用
???????starts.removeAttribute(‘onclick‘);
// ???????对按钮开始属性的限制和定义


???}
???function Stop() {
???????clearTimeout(a)
???????start.setAttribute("onclick")


???}





</script>
</body>
</html>

js中的投掷筛子的小游戏

原文地址:https://www.cnblogs.com/chaojiyingxiong/p/9302076.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved