这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文分享的网页特效是一个可以控制开始停止的数字抽奖游戏,类似很多电视上那种数字抽奖游戏,下面就是我分享的全部代码:
这篇文章主要介绍了 js 实现简易的单数字 0-9 随机抽奖,可以控制抽取随机数开始与停止, 需要的朋友可以参考下
运行效果图:
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>
- 简易的单数字随机抽奖,抽取随机数的js特效代码
- </title>
- </head>
- <body>
- <div id="num">
- </div>
- <input value="start" id="start" type="button" />
- <input value="stop" id="stop" type="button" />
- <script>
- var num = document.getElementById("num");
- var start = document.getElementById("start");
- var _stop = document.getElementById("stop");
- var intv = null;
- start.onclick = function() {
- if (intv == undefined) {
- intv = setInterval(function() {
- num.innerHTML = Math.floor(Math.random() * 10);
- },
- 50);
- }
- }
- _stop.onclick = function() {
- clearInterval(intv);
- intv = null;
- }
- </script>
- </body>
- </html>
初始状态:
开始之后:
我现在展示的是运行中截的图,是静止的,大家可以动手操作,感受一下,会有一点点的成就感哦。
来源: http://www.phperz.com/article/17/0624/270142.html