在JavaScript中,如果你想生成一个大于60的随机数,显示一张图片,小于则显示另一张
时间: 2024-09-18 18:16:00 浏览: 55
random:程序生成一个随机数,指示它是否大于或小于0.5
在JavaScript中,你可以使用`Math.random()`生成一个介于0到1之间的随机小数,然后通过一些条件逻辑来决定展示哪张图片。假设你有两张图片的URL,例如`image1.jpg`和`image2.jpg`,下面是实现这个功能的一个简单例子:
```javascript
function displayImage() {
var randomNum = Math.random(); // 生成0到1之间的随机数
if (randomNum > 0.6) { // 随机数大于0.6,即大于60%的情况
document.getElementById('imageContainer').src = 'image1.jpg'; // 显示第一张图
} else {
document.getElementById('imageContainer').src = 'image2.jpg'; // 显示第二张图
}
}
// 调用该函数来初始显示或实时切换图片
displayImage();
```
在这个例子中,`#imageContainer`是一个HTML元素,它的`src`属性会根据随机数的变化动态更改图片源。
阅读全文