文档章节

点击后随机效果

史文帝
 史文帝
发布于 2017/01/07 19:53
字数 176
阅读 3
收藏 0

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>点名</title>
    <style>
        #box {
    height: 300px;
    width: 400px;
    margin: 0 auto;
}

#show {
    border: solid 1px #000000;
    font-size: 50px;
    width: 200px;
    height: 200px;
    line-height: 200px;
    text-align: center;
}

#bt {
    border: solid 1px #000000;
    height: 40px;
    width: 202px;
}
    </style>
</head>

<body>
    <div id="box">
        <div id="show"></div>
        <input id="bt" type="button" value="开始" />
    </div>
    <script type="text/javascript">
        var bt = document.getElementsByTagName('input')[0];
        var a = ['张三', '李四', '王五', '赵六', '科比', '库里', '杜兰特', '哈登', '汤普森', '伊戈达拉', '勇士', '骑士', '尼克斯', '湖人'];
        var a2 = new Array();
        var b = true;
        bt.onclick = function() {
            var s = bt.value;
            if (s == "开始") {
                b = true;.run(); //调用函数 bt.value = '结束'; } else { b = false; bt.value = '开始'; } } function run() { var i = Math.floor(Math.random() * a.length); show.innerHTML = a[i]; if (b == false) { var c = true; if (c) { a2[a2.length] = i; return; } } setTimeout("run()", 20); }
    </script>
</body>

</html>

© 著作权归作者所有

共有 人打赏支持
史文帝
粉丝 1
博文 24
码字总数 8566
作品 0
孝感
程序员
私信 提问
ArcGIS实用制图技巧——如何制作“光照”效果的水体多边形

通过对地图中的水体要素添加光照效果,能够使地图更具真实感。这里,就来介绍一下如何使用ArcMap来实现为水体表面添加光照效果。 下面例子中,将对下图中的水体,添加光照效果。 实际上,光照...

长平狐
2012/11/28
381
0
Canon单反相机的镜头校正方法

没有一只镜头是绝对完美的,需要通过软件或固件升级来解决和改善,这就涉及到镜头校正问题。单反相机的镜头校正主要是周边光量校正、倍率色差校正和镜头畸变校正,周边光量校正在相机中进行,...

openthings
2015/04/07
0
0
5.23 使用扩散亮光命令制作浪漫的情侣照 [Illustrator CC教程]

原文:http://coolketang.com/staticDesign/5a97b8c49f545442015b5e9e.html 1. 本节课将为您演示扩散亮光命令的使用。首先选择文档中的图像。 2. 然后依次点击[效果 > 效果画廊]命令,打开效...

fzhlee
2018/03/08
0
0
js幸运大转盘开发

最终效果实例下载:http://www.oschina.net/code/snippet235264454997 一.大转盘准备工作 网上的一个抽奖大转盘实例http://www.jq22.com/yanshi2252 这就是我们要开发的效果,不过我们是让指...

透笔度
2016/03/28
2.4K
2
[SceneKit专题]仿水果忍者小游戏Geometry Fighter

说明 本系列文章是对<3D Apple Games by Tutorials>一书的学习记录和部分翻译,此书对应的代码地址:https://github.com/XanderXu/3D-iOS-Games-by-Tutorials-code 系列文章目录:http://www.j...

史前图腾
2017/09/25
0
0

没有更多内容

加载失败,请刷新页面

加载更多

第11章 多线程

程序、进程、线程 程序(program)是为完成特定任务、用某种语言编写的一组指令的集合。即指一段静态的代码,静态对象。 **进程(process)**是程序的一次执行过程或是正在运行的一个程序。动...

流小文
12分钟前
0
0
SpringBoot引入第三方jar包或本地jar包的处理方式

在开发过程中有时会用到maven仓库里没有的jar包或者本地的jar包,这时没办法通过pom直接引入,那么该怎么解决呢 一般有两种方法 - 第一种是将本地jar包安装在本地maven库 - 第二种是将本地j...

独钓渔
今天
2
0
五、MyBatis缓存

一、MyBatis缓存介绍 缓存的使用可以明显的加快访问数据速度,提升程序处理性能,生活和工作中,使用缓存的地方很多。在开发过程中,从前端-->后端-->数据库等都涉及到缓存。MyBatis作为数据...

yangjianzhou
今天
2
0
最近研究如何加速UI界面开发,有点感觉了

最近在开发JFinal学院的JBolt开发平台,后端没啥说的,做各种极简使用的封装,开发者上手直接使用。 JBolt开发平台包含常用的用户、角色、权限、字典、全局配置、缓存、增删改查完整模块、电...

山东-小木
今天
3
0
《月亮与六便士》的读后感作文3000字

《月亮与六便士》的读后感作文3000字: 看完英国作家威廉.萨默塞特.毛姆所著《月亮与六便士》(李继宏译),第一疑问就是全书即没提到“月亮”,也没提到“六便士”。那这书名又与内容有什么...

原创小博客
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部