首页
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练习
页面
用户登录
登录
搜索到
3
篇与
js对象
的结果
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中的内置对象
导读:内置对象Math对象其他搜索地址:https://developer.mozilla.org/zh-CN/Math 对象不是构造函数,它具有数学常熟的属性和方法,跟数学相关的运算(求绝对值,最大值,最小值等)可以使用Math中的成员Math解释Math.PI圆周率Math.floor()向上取整Math.ceil()向下取整Math.round()四舍五入就近取整Math.abs()绝对值Math.max()最大值Math.min()最小值Math.random()返回一个随机小数(0 =< x <1)Date()日期对象Date() 日期对象,是一个构造函数,必须使用new 来调用创建我们的日期对象使用Date 如果没有参数 返回当前系统的当前时间date = new Date();参数的常用的写法 数字型 2021,10,01 或者'2019-10-1 8:8:8'其他部分方法方法名说明代码valueOf()和getTime()获取总的毫秒数,不是当前时间,而是从1970年1月1日开始:--:getFullYear()获取当年dObj.getFullYear()getMonth()获取当月(0-11) 只能返回0-11所以月份必须+1dobj.getMonth()getDate()获取当天日期dObj.getDate()getDay()获取星期几(周日0到周六6)dObj.getDay()getHours()获取当前小时dObj.getHours()getMinutes()获取当前分钟dObj.getMinutes()getSeconds()获取当前秒钟dObj.getSeconds()例子格式化日期 //格式化日期 var date = new Date(); console.log(date.getFullYear());// 返回当前日期的年份 2021 console.log(date.getMonth() + 1 ); // 月份 返回的月份小1个月 所以要+1 console.log(date.getDate()); //返回的是几号 console.log(date.getDay);// 周一返回的是1 周六返回的是6,周日返回的是0 //写一个 2021/12/30 星期五 var year = date.getFullYear(); var month = date.getMonth()+1; var dates = date.getDate(); var arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'] var day = date.getDate(); console.log('今天是:' + year + '年' + month + '月' + dates + '日' + arr[day]);时间戳 获得Date 总的毫秒数(时间戳) 不是当前时间,而是1970年1月1日到现在日期 1.通过 valueOf() getTime() var date = new Date(); console.log(date.valueOf()); console.log(date.getTime()); 2. 简单的写法(最常用的写法) var date1 = +new Date(); console.log(date1); 3.h5新增加获取总的毫秒数 console.log(Date.now());数组(方法)方法名说明返回值push(参数1..)在数组的末尾,添加一个或者多个元素返回新的长度unshift(参数1..)向数组的开头添加一个或者多个数组返回新的长度pop()删除数组的最后一个元素返回被删除的元素shift()删除数组的第一个元素返回被删除的元素reverse()颠倒数组元素的顺序(翻转数组)改变原来数组的,返回新数组sort()对数组的元素进行排序改变原来数组,返回新数组添加删除数组元素的方法var arr = [1,2,3]; 末尾添加元素 arr.push(4); console.log(arr.push(5)); 输出结果 [1,2,3,4,5]; 数组开添加数组元素 console.log(arr.unshift(0,'red')); 删除数组的最后一个元素 console.log(arr.pop()); 删除数组的第一个元素 console.log(arr.shift()); 检测是否为数组的方法方法1 instanceof 运算符 可以检测是否为数组Array.isArray(); H5新增的方法,ie9以上才支持 <script> //翻转数组 function reverse(arr){ var newArr = []; if(arr instanceof Array){ for(var i = arr.length - 1; i >=0; i--){ newArr[newArr.length] = arr[i] } return newArr; }else{ return 'error 这个参数要求必须为数组' } } console.log(reverse([1,2,3])); console.log(reverse(1,2,3)); //检测是否为数组 //方法1 instanceof 运算符 它可以用来检测是否为数组 var arr = []; var obj = {}; console.log(arr instanceof Array); console.log(obj instanceof Array); //(2) Array.isArray(); H5新增的方法, ie9以上才行 console.log(Array.isArray(arr)); console.log(Array.isArray(obj)); </script>数组排序(方法)冒泡排序 sort();固定写法var arr1[13,2,1,33,5,4] arr.sort(function(a,b){ return a - b; 升序的顺序排序 return b - a; 降序的顺序排列 });返回数组元素索引号返回数组元素索引号①.indexOf(数组元素) 作用就是返回该数组元素的索引号,从前面开始查找②.lastIndexOf(数组元素) 从后面开始查找只返回第一个瞒住条件的索引号如果在该数组找不到元素,则返回 -1字符串内置对象(方法)数组转换为字符串toString() 将我们的数组转换为字符串,逗号分割每一项 返回一个字符串join(分隔符) 方法用于把数组中的元素转换为一个字符串 返回一个字符串数组补充,字符串同理方法说明返回值concat()链接两个或多个数组,不影响元素返回一个字符串slice()数组截取slice(begin,end)返回被截取新项目的新数组splice()数组删除splice(第几个开始,要删除个数)返回被删除项目的新数组基本包装类型基本数据类型var str = 'andy';console.log(str.length);对象 才有属性和方法 复杂数据类型才有属性和方法基本包装类型:就是把简单数组类型 包装称为了 复杂数据类型(1) 把简单数据类包装为复杂数据类型(2)执行步骤 ①.把简单数据类型包装成了复杂数据类型 var temp = new String('andy'); ②.把临时变量的值给str str = temp; ③销毁这个临时变量 temp = null;
2021年12月27日
491 阅读
0 评论
0 点赞
2021-12-27
js创建对象
导读:JS中对象一.认识对象在 JavaScript中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串,数值,数组,函数等。 对象是由属性和方法组成的 属性:事物的特征,在对象中用属性来表示(常用名词) 方法:事物的行为,在对象中用方法来表示(常用动词)二.创建对象1.字面量创建对象1.1 利用对象字面量创建对象{} var obj = {}; //创建:创建了一个空的对象 ①.对象字面量:就是花括号{}里面包含了表达这个事物(对象)的属性和方法 {}里面采取键值对的形式表示 键:相当于属性名 值:相当于属性值,可以是任意类型的值(数字类型,字符串类型,布尔类型,函数类型) ②.多个属性或者方法中间用的逗号隔开的 ③.方法冒号后面跟的是一个匿名函数 var obj = { uname: '张三疯', age: 18, sex: '男', sayHi: function () { console.log('hi~'); } }①.对象的使用①.调用对象的属性 我们采用 对象名.属性名 console.log(obj.uname); 调用属性另一种方法 对象名['属性名'] console.log(obj['age']); 调用对象的方法 对象名.方法名() obj.sayHi();2利用new Object创建对象 利用 new Object 创建对象 var obj = new Object(); //创建一个空对象 我们是利用 等号 = 赋值的方法 添加对象的属性和方法 obj.uname = '张三疯'; obj.sex = '男'; obj.age = 18; obj.sayHi = function(){ console.log('hi~'); } console.log(obj.age); console.log(obj['uname']); obj.sayHi();3.利用构造函数创建对象利用构造函数创建对象 构造函数的语法格式: function 构造函数名(){ this.属性 = 值; this.方法 = function(){} } new 构造函数(); function Star(uname,age,sex){ this.name = uname; this.age = age; this.sex = sex; this.sing = function(sang){ console.log(sang); } } var zs = new Star('张三',18,'男');//返回类型为对象object console.log(zs.name); zs.sing('冰雨'); console.log(typeof zs); var ls = new Star('李四',28,'女'); console.log(ls.sex); 1. 构造函数名字首字母要大写 2.构造函数不需要return也能返回值 3.我们只要new Star() 调用函数就创建一个对象 4.构造函数必须使用 new 5.我们的属性和方法前面必须添加 this 构造函数和对象区别 构造函数:如Stars(),抽象了对象的公共部分,封装到了函数里面,它泛指某一大类(class) 创建函数,如 new Stars(),特指某一个1,通过new 关键字创建对象的过程我们也称为对象示例化 new关键字执行 1.在内存中创建一个新的空对象 2.让this指向这个新的对象 3.执行构造函数里面的代码,给这个新对象添加属性和方法 4.返回这个新对象(所以构造函数里面不需要return)for in 遍历对象 /* for in 遍历对象 语法: for(变量 in 对象){ } */ var obj = { name: '张三', sex: '男', age: 18, }; for(var k in obj){ console.log(k); // k变量 输出得到的是属性名 console.log(obj[k]);//obj[k] 得到的是 属性值 } 小结 1.对象可以让代码结构清晰 2.对象复杂数据类型object 3.本质:对象就是一组无序的相关属性和方法的集合 4.构造函数泛指某一大类,比如苹果,不管是红色苹果还是绿色苹果,都统称为苹果 5.对啊啊想实例特指一个事物,比如这个苹果 6.for..in语句用于对 对象的属性进行循环操作
2021年12月27日
243 阅读
0 评论
0 点赞