用原生js实现99乘法表
时间: 2024-05-06 19:22:03 浏览: 18
以下是使用原生JavaScript实现九九乘法表的代码:
```javascript
for (var i = 1; i <= 9; i++) {
for (var j = 1; j <= i; j++) {
console.log(j + "*" + i + "=" + i * j + " ");
}
console.log("\n");
}
```
该代码使用两个嵌套的for循环来生成九九乘法表。外部循环控制行数,内部循环控制列数。在每个内部循环迭代中,计算i * j并将其输出到控制台。最后,使用console.log("\n")在每行的末尾添加一个换行符。
相关问题
用原生js实现冒泡排序
冒泡排序是一种简单的排序算法,它通过比较相邻的元素并交换位置来排序。以下是使用原生JavaScript实现冒泡排序的代码:
```javascript
function bubbleSort(arr) {
var len = arr.length;
for (var i = 0; i < len - 1; i++) {
for (var j = 0; j < len - 1 - i; j++) {
if (arr[j] > arr[j + 1]) {
// 交换位置
var temp = arr[j];
arr[j] = arr[j + 1];
arr[j + 1] = temp;
}
}
}
return arr;
}
// 示例用法
var arr = [5, 3, 8, 4, 2];
console.log(bubbleSort(arr)); // 输出 [2, 3, 4, 5, 8]
```
请使用原生js实现轮播图
以下是一个简单的原生js轮播图实现:
HTML代码:
```html
<div id="slider">
<img src="img1.jpg" alt="">
<img src="img2.jpg" alt="">
<img src="img3.jpg" alt="">
</div>
```
CSS代码:
```css
#slider {
position: relative;
width: 500px;
height: 300px;
overflow: hidden;
}
#slider img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
#slider img.active {
opacity: 1;
}
```
JavaScript代码:
```javascript
var slider = document.getElementById('slider');
var images = slider.getElementsByTagName('img');
var current = 0;
function slide() {
// 隐藏当前图片
images[current].classList.remove('active');
// 计算下一张图片的索引
current = (current + 1) % images.length;
// 显示下一张图片
images[current].classList.add('active');
}
// 每3秒钟自动切换图片
setInterval(slide, 3000);
```
上述代码实现了一个简单的自动轮播图,每3秒钟自动切换一张图片。可以根据需要添加其他功能,如左右箭头切换、圆点导航等。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)