JavaScript 创建随机数和随机图片
发布时间:2024-05-02 16:16:02
创建随机数
①自JavaScript产生后,好多浏览器中都有内置的随机数发生方法。例如:
var number = Math.random();
该方法产生一个0到1之间的浮点数。
②基于时间,亦可以产生随机数。例如:
var now=new Date();
var number = now.getSeconds();
这将产生一个基于目前时间的0到59的整数。
var now=new Date();
var number = now.getSeconds()%43;
这将产生一个基于目前时间的0到42的整数。
③这里介绍一个相当优秀的的随机数发生器程序,能应用于许多领域。
<script language="JavaScript"> </script>
如果要在你的网页中使用该随机数发生器,必须把这段代码放在<HEAD> 和 </HEAD>标记之间。
要创建一个随机浮点数时,使用rnd();要创建一个随机整数时,例如,1到10时,使用rand(10)。
下面创建随机图片的例子中,就是用这个随机数发生器来产生随机数的,因此,要使下面的例子能正常工作,要确保你的网页中已包含上面这段代码。
创建随机图片
创建随机图片,这是利用随机数所能做的最简单的事了。此例中,我们假设有10张图片,banner1.gif.....banner10.gif,每当文档被载入时,我们希望能随机地显示这些图片。
<script language="JavaScript"><!--
document.write('<img src="../images/banner' + rand(10) + '.gif" width=400 height=40>');
//--></script>
如果图片不是以数字的形式来命名的,或者图片的类型或大小不一样时,那么,你也可以通过检查随机数的值,然后显示相应的图片:
<script language="JavaScript"><!--
var number = rand(10);
if (number == 1) {
var picture = "one.gif";var width = 400;var height = 40;
}
else if (number == 2) {
var picture = "two.jpg";var width = 200;var height = 20;
}
...
...
else if (number == 9) {
var picture = "nine.gif";var width = 450;var height = 450;
}
else if (number == 10) {
var picture = "ten.jpg";var width = 40;var height = 400;
}
document.write('<img src="../images/' + picture + '" width=' + width + ' height=' + height + '>');
//--></script>
上面介绍了怎样随机显示图片,同样的道理,也可以利用随机数创建随机的文本、表单、标题广告、URL 、背景颜色和图像、调查表和帧等等,这里就不再多说了.


猜你喜欢
- 两种方法实现:1、在双引号前面加个转义符 \ ,即反斜杠。如"Hello \"W \"orld",会
- 1. 配置并更新树莓派系统sudo raspi-config // 进入后打开摄像头、SSHsudo apt-get updatesudo
- 如下所示:import json# 使用三引号将浏览器复制出来的requests headers参数赋值给一个变量headers = &qu
- 目录为什么使用requests:模拟get请求:模拟请求头部信息模拟post请求requests上传文件requests设置代理time模块
- 前言问题需求:拥有两个文件夹,一个保存图片image,一个保存标签文件,要求把标签文件中的标注提取出来,并在图片中画出来相应的思路首先提出各
- mapmap(function,iterable)x = [1,2,3,4,5]def square(num): return num*nu
- MongoDB 是一个基于分布式文件存储的数据库。由 C++ 语言编写。旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。MongoD
- 如下所示:import sysfrom PyQt5.QtWidgets import QMainWindow, QTextEdit, QAc
- 什么是转义字符转义字符是一个计算机专业词汇。在计算机当中,我们可以写出123 ,也可以写出字母abcd,但有些字符我们无法手动书写,比如我们
- os.systemsystem方法会创建子进程运行外部程序,方法只返回外部程序的运行结果。这个方法比较适用于外部程序没有输出结果的情况。im
- 最近为了熟悉一下 js 用有道翻译练了一下手,写一篇博客记录一下,也希望能对大家有所启迪,不过这些网站更新太快,可能大家尝试的时候会有所不同
- 最近项目中使用了vue-router的addRoutes这个api,遇到了一个小坑,记录总结一下。场景复现:做前端开发的同学,大多都遇到过这
- 本文实例讲述了Python从MP3文件获取id3的方法。分享给大家供大家参考。具体如下:def getID3(filename): &nbs
- 这篇文章主要介绍了Python定时器线程池原理详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可
- 一、绘图命令操纵海龟绘图有很多命令,可以划分为三种:画笔运动命令、画笔控制命令、全局控制命令1、画笔运动命令命令说明turtle.forwa
- 本文实例讲述了mysql数据库创建账号、授权、数据导出、导入操作。分享给大家供大家参考,具体如下:1、账号创建及授权grant all pr
- 本文实例讲述了Python实现FTP上传文件或文件夹实例。分享给大家供大家参考。具体如下:import sys import os impo
- 是否也像拥有自己的机器人呢?不挨个展示了。比如说你想实现一个夸人的功能:"""作者:川川时间:2021/4/6
- 本文实例为大家分享了GO原生实现文件上传功能的具体代码,供大家参考,具体内容如下写在前面最近在学习go,发现实践才是检验真理的唯一标准。在不
- 随着python的发展越来越好,用python的伙伴也越来越多。本人刚开始接触python的时候用的第一个集成环境就是Anaconda,因为