JS 实现抽奖

最新推荐文章于 2023-11-01 22:43:43 发布

MissZhou要努力

最新推荐文章于 2023-11-01 22:43:43 发布

阅读量481

点赞数

分类专栏：前端文章标签： javascript 抽奖程序

本文链接：https://blog.csdn.net/zhou_yujia/article/details/49804257

版权

前端专栏收录该内容

21 篇文章 0 订阅

订阅专栏

跟着csdn的课程看了一眼这个的实现没等老师讲完自己就做出来啦哈哈哈

记得上周四六级讲座抽奖程序貌似不好使的时候差点自告奋勇上去用C#写，后来好使了，第二天自己还真没实现出来 (⊙﹏⊙)b

这次自己敲出来就可以拿来装x了哈哈哈

彻底调好了 canvas果然还是不太会只看视频不写代码就是不靠谱！

多一个文件就多一个吧

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>我的摇奖程序</title>
    <script src="myjs.js"></script>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <br/>
    <br/>
    <div id="name" width="400" height="400"></div>
    <br/>
    <input type="button" value="start" οnclick="start()">
    <input type="button" value="end" οnclick="end()">
</body>
</html>

/**
 * Created by lenovo on 2015/11/12.
 */
var names=new Array();
for(var i=1;i<=20000;i++) names[i]=Math.round(Math.random()*200);
var timer;
var i=0;
function start(){
    // alert("start@.@");启动定时器
    timer=setInterval(show,50);
}
function end(){
    // alert("end@.@");停止计时器
    clearInterval(timer);
}
function show()
{
    i++;
    document.getElementById("name").textContent=names[i];
}

#name{
    font-size: 300px;
}

MissZhou要努力

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS 实现抽奖

跟着csdn的课程看了一眼这个的实现没等老师讲完自己就做出来啦哈哈哈记得上周四六级讲座抽奖程序貌似不好使的时候差点自告奋勇上去用C#写，后来好使了，第二天自己还真没实现出来 (⊙﹏⊙)b这次自己敲出来就可以拿来装x了哈哈哈
复制链接

扫一扫