JS 实现抽奖

来源：互联网发布：张曼菱知乎编辑：程序博客网时间：2024/06/05 09:27

跟着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" onclick="start()">    <input type="button" value="end" onclick="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;}

0 0