首页
Search
1
pc端小米官网首页部分练习
499 阅读
2
js中的内置对象
491 阅读
3
DOM(节点操作children-自定义属性-)
438 阅读
4
CSS实现动画效果
432 阅读
5
CSS中的选择器
396 阅读
成考高数一
成考英语
英语单词
语法与词汇
成考政治
马克思主义
毛泽东思想
HTML
标签
JAVAScript
js数组
js函数
js基础
js循环
js对象
DOM
CSS
VUE
exercise
js练习
HTML/CSS练习
登录
Search
标签搜索
冒泡排序
css
float
clear
边框
运算
字体
font
表格
冠词
函数
meta标签
声明bianl
标识符
Number
数据类型
css常用选择器
css关系选择器
css属性选择器
css伪类选择器
小熊猫
累计撰写
47
篇文章
累计收到
0
条评论
今日撰写
0
篇文章
首页
栏目
成考高数一
成考英语
英语单词
语法与词汇
成考政治
马克思主义
毛泽东思想
HTML
标签
JAVAScript
js数组
js函数
js基础
js循环
js对象
DOM
CSS
VUE
exercise
js练习
HTML/CSS练习
页面
用户登录
登录
搜索到
5
篇与
js练习
的结果
2022-01-05
js数组方法(内置对象)案例---js数组元素去重案例
js数组去重案例数组去重 ['c','a','z','x','a','c','z','b'] 要求去除数组中重复的元素核心思路:把旧数组里面的元素选取出来放到新数组,重复的元素只保留一个,放到新数组中遍历旧数组,然后拿着旧数组元素去查询新数组,如果该元素在新数组里面没有出现,我们就添加,否则不添加利用indexOf(数组元素) 如果返回-1 就说明没有该元素,就添加此元素封装一个函数 <script> function unique(arr){ var newArr = []; for(var i = 0; i < arr.length; i++){ if(newArr.indexOf(arr[i] === -1)){ newArr.push(arr[i]); } } return newArr; } var dome = unique(['c','a','z','x','a','c','z','b']); console.log(dome); </script>
2022年01月05日
270 阅读
0 评论
0 点赞
2022-01-05
js中Date()案例
导读:格式化时分秒要求封装一个函数返回当前的时分秒 格式为08:08:08 var date = new Date(); console.log(date.getHours());//时 console.log(date.getMinutes());//分 console.log(date.getSeconds());//秒 //要求封装一个函数返回当前的时分秒 格式为 08:08:08 function getTime(){ var time = new Date(); var h = time.getHours(); h = h < 10 ? '0'+ h : h; var m = time.getMinutes(); m = m < 10 ? '0'+ m : m; var s = time.getSeconds(); s = s < 10 ? '0'+ s : s; return h +':' + m + ':' + s ; } console.log(getTime());倒计时效果js实现倒计时效果1.核心算法:输入的时间减去现在的时间就是剩余时间,但是不能拿着时分秒相减,比如 05分减去25分 ,结果会是负数的2.用时间戳来做,用户输入时间总的毫秒数减去现在时间的总的毫秒数得到的就是剩余时间的毫秒数3.把剩余时间总的毫秒数转换为天,时,分,秒(时间戳转换为时分秒)转换公式如下: = parseTnt(总秒数/60/60/24); //计算天数 h = parseInt(总秒数/ 60/60 %24); //计算小时 m = parseInt(总秒数/60 % 60); //计算分 s = parseInt(总秒数%60); //计算当前秒数 function countDown(time){ var nowTime = +new Date();//返回当前时间总的毫秒数 var inputTime = +new Date(time);//返回的是用户输入时间总的毫秒数 var times = (inputTime - nowTime) /1000; // times是剩余时间的秒数 var d = parseInt(times / 60 / 60 /24); d = d < 10 ? '0'+ d : d; var h = parseInt(times / 60 / 60 %24); h = h < 10 ? '0'+ h : h; var m = parseInt(times / 60 % 60); m = m < 10 ? '0'+ m : m; var s = parseInt(times % 60); s = s < 10 ? '0'+ s : s; return d + '天' + h + '时' + m +'分' +s + '秒'; } console.log(countDown('2022-1-3 18:00:00'));
2022年01月05日
257 阅读
0 评论
0 点赞
2021-12-27
js的对象练习
导读:练习1. 创建一个电脑对象,该对象要有颜色,重量,品牌,型号,可以看电影,听音乐,打游戏和敲代码练习2.按照要求创建对象①.利用构造函数创建两个英雄的对象,函数中的公共部分包括:姓名属性,类型属性,血量属性和攻击方式练习3猜数字练习要求: 程序随机生成一个1~10之间的数字,并让用户输入一个数字 1.如果大于该数字,就提示,数字大了,继续猜 2.如果小于该数字,就提示数字小了,继续猜 3.如果等于该数字,就提示才对了,结束程序1.js对象简单练习 /* 创建一个电脑对象,该对象要有颜色,重量,品牌,型号,可以看电影,听音乐,打游戏和敲代码 */ function Star(color,weight,brand,type){ this.color = color; this.weight = weight; this.brand = brand; this.type = type; this.skill = function(skill){ console.log(skill); } }; var star = new Star('黑色','10kg','联想','k-123'); for(var k in star){ console.log(star[k]); } star.skill(['看电影','听音乐','打游戏','敲代码']);2.js构造函数练习 <script> /* 按照要求创建1对象 利用构造函数创建两个英雄的对象,函数中的公共部分包括:姓名属性,类型属性,血量属性和攻击方式 */ var Star = function(name,type,blood){ this.name = name; this.type = type; this.blood = blood; this.attack = function(attack){ console.log(attack); } } var lp = new Star('廉颇','力量型','500血量'); console.log(lp.name , lp.type,lp.blood); lp.attack('近战'); var hy = new Star('后裔','射手型','100血量'); console.log(hy.name, hy.type, hy.blood); hy.attack('远程');js猜数字练习js实现1-10猜数字练习 /* 要求: 程序随机生成一个1~10之间的数字,并让用户输入一个数字 1.如果大于该数字,就提示,数字大了,继续猜 2.如果小于该数字,就提示数字小了,继续猜 3.如果等于该数字,就提示才对了,结束程序 */ //1.随机生成一个1~10的整数 function getRandom(min,max){ return Math.floor(Math.random() * (max - min + 1)) + min; //含最大值,含最小值 }; var random = getRandom(1,10); //2.循环判断 while(true){ var num = prompt('猜数字? 请输入1~10进行猜数字'); if(num > random){ alert('你猜大了'); }else if(num < random){ alert('你猜小了') }else{ alert('恭喜你,你猜对了,数字为:' + num); break; } }js实现猜数字1-50,并且只有10次机会 //要求用户猜 1~50之间的一个数字,但是只有10次猜的机会 function getRandom(min,max){ return Math.floor(Math.random() * (max - min + 1)) + min; } var random = getRandom(1,50); function potting(){ for(var i = 1; i <= 10; i++){ var num = prompt('猜数字? 请输入1~50进行猜数字,你只有10次机会'); if(parseInt(num) >=1 && parseInt(num) <=50){ if(i>=1 && i<=10){ if(num > random){ alert('你猜大了,'+'这是第:'+ i +'次'); }else if(num < random){ alert('你猜小了,'+'这是第:'+ i +'次'); }else{ alert('恭喜你,你猜对了,数字为:' + num + '用了' + i + '次'); break; } } }else{ alert('请输入一个1~50的数'); } if(i ==10){ alert('你的次数已经用完,请重新开始下一轮'); potting(); } } } potting();
2021年12月27日
258 阅读
0 评论
1 点赞
2021-12-27
js利用函数实现冒泡排序
JavaScript利用函数实现冒泡排序 function cut(arr) { for(var i = 0; i<arr.length - 1 ; i++){ for(var j = 0; j<arr.length-i-1;j++){ if(arr[j] > arr[j+1]){ var temp = arr[j]; arr[j] = arr[j + 1]; arr[j + 1] = temp; } } } return arr; } var arr1=cut([5,2,9,1,6,3]); console.log(arr1); /*利用函数判断闰年*/ function isRunYear(year) { var flag = false; if(year % 4 ==0 && year % 100 !=0 || year % 400==0){ flag = true; } return flag } console.log(isRunYear(1999));
2021年12月27日
205 阅读
0 评论
0 点赞
2021-12-20
js实现简易版ATM
目录:简易版的ATM要求简易版的ATM (方法一) 要求:里边现存有 100 块钱如果存钱,就用输入钱数加上存的钱数,之后弹出显示余额提示框果取钱,就减去取得钱数,之后就弹出余额提示框显示余额,就输出余额5.如果退出,弹出退出信息提示框此方法,是他人推荐用while来写,写的过程中发现的确比方法二好,清晰明确方法一(推荐) <script> var copper = 100; var flag = true; while (flag) { var serial_Number = parseInt(prompt('请输入你要的操作(注意:输入数字即可)\n' + '1.存钱\n' + '2.取钱\n' + '3.显示余额\n' + '4.退出')); switch (serial_Number) { case 1: var save = prompt('请输入存入的金额'); copper += parseFloat(save); // var save =copper + parseFloat(prompt('请输入存入的金额')); alert('你存入的钱为:' + save + '\n' + '你的总金额为:' + copper); break; case 2: var withdraw_Money = parseFloat(prompt('请输入你要取出的金额:')); if (withdraw_Money <= copper) { copper -= withdraw_Money; alert('你取走的金额为:' + withdraw_Money + '\n' + '你的总金额为:' + copper); } else { alert('账户余额不足请重新输入'); withdraw_Money = parseFloat(prompt('请输入你要取出的金额:')); } copper -= withdraw_Money; alert('你取走的金额为:' + withdraw_Money + '\n' + '你的总金额为:' + copper); break; case 3: alert('你的总余额为:' + copper); break; case 4: flag = false; break; default: alert('请输入合法值'); break; } } </script>方法二(不推荐)此方法是本人第一次看到问题所写,发现很麻烦,效果还不行,比较是看到问题第一所想,留个纪念 当时遇到问题就是无法跳转当前判断并且返回到首页,所以会发现很乱,还少写一个判断<script> var copper = 100; var serial_Number= prompt('请输入你要的操作(注意:输入数字即可)\n'+ '1.存钱\n'+'2.取钱\n'+'3.显示余额\n'+'4.退出'); console.log(serial_Number); while(serial_Number <=4){ if(serial_Number == parseInt(1)){ var save = prompt('请输入存入的钱数:'); copper += parseFloat(save); alert('你现在的钱总数为' + copper); serial_Number= prompt('请输入你要的操作(注意:输入数字即可)\n'+ '1.存钱\n'+'2.取钱\n'+'3.显示余额\n'+'4.退出'); } else if (serial_Number == parseInt(2)) { var withdraw_Money = prompt('请输入取得钱数:') copper -= parseFloat(withdraw_Money); alert('你取走了:'+withdraw_Money+'\n'+'你现在的钱总数为:' +copper); serial_Number= prompt('请输入你要的操作(注意:输入数字即可)\n'+ '1.存钱\n'+'2.取钱\n'+'3.显示余额\n'+'4.退出'); } else if (serial_Number == parseInt(3)) { alert('你现在的余额为:'+copper); serial_Number= prompt('请输入你要的操作(注意:输入数字即可)\n'+ '1.存钱\n'+'2.取钱\n'+'3.显示余额\n'+'4.退出'); } else if (serial_Number == parseInt(4)) { alert('正在退出中'); break; } } </script>
2021年12月20日
265 阅读
0 评论
0 点赞