![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
对象
超级无敌奥特蔓
这个作者很懒,什么都没留下…
展开
-
采用面向对象的方法来实现留言板的添加和删除功能
添加功能思路:使用空数组 ---创建对象---追加到数组中---最后调用一个重载函数(专门根据数组来拼接成页面结构到页面中)删除功能思路:使用filter函数,将数组中的时间戳time值进行相比较,把与点击时的时间戳不相等的过滤出来。最后在使用重载函数,进行刷新页面即可。若在拼接的字符串中添加一个点击事件来进行删除的时候,会出现一个小问题:会报错del is not defined .其原因在于在拼接字符串结构中的方法必须是全局变量解决方法有两种:方法1:将del定义为全局函数----.原创 2022-04-07 12:22:24 · 415 阅读 · 0 评论 -
自己定义构造函数来实现tab栏效果以及this的指向问题
方法1(老方法):此方法使用的是排他思想来实现tab栏效果,以及使用一个变量that的方法来解决构造函数中的this指向问题。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport".原创 2022-04-06 22:14:52 · 418 阅读 · 0 评论 -
实现时钟效果
第一个setInterval实现的是在span标签中实现时钟效果。思路:首先给每个span定义id名,然后在下面写定时器setInterval。通过new Date()获得当前日期,在根据getHours、getMinutes、getSeconds获取时分秒。最后通过id.innerHTML来得到里面的元素。第二个setInterval实现的是用图片的方式来实现时钟效果。思路:原理同上,不过需要通过计算时分秒的个位和十位的数字来修改图片地址。<!DOCTYPE html>.原创 2022-03-25 16:09:58 · 135 阅读 · 0 评论 -
日期对象小典例
1、将日期格式化输出 “2015|01|24”(日期对象-》字符串)思路:通过new Date()获取当前日期getFullYear()获取年份 getMonth()获取月份 getDate()获取第几天由于月份和第几天有可能是个位数字,需要在前面补0。故需要在对月份和第几天进行判断,如果小于10就在前面加上0,最后将字符串拼接即可。 function formateDate(date) { var y = date.getFullYear(); ...原创 2022-03-25 12:35:59 · 137 阅读 · 0 评论 -
时钟倒计时效果
思路:输入的时间减去现在的时间就是剩余的时间,也即是倒计时,但不能直接用时间相减。可使用时间戳==》用户输入时间总的毫秒数减去现在时间的总毫秒数,得到的就是剩余时间最后再将剩余时间总的毫秒数转换成天、时、分、秒【转换公式】d=parseInt(总秒数/60/60/24) 计算天数h=parseInt(总秒数/60/60%24) 计算小时m=parseInt(总秒数/60%60) 计算分钟数s=parseInt(总秒数%60) 计算秒数fun...原创 2022-03-22 16:20:17 · 189 阅读 · 0 评论 -
格式化日期:年月日 时间:时分秒
格式化日期形式:XXXX年XX月XX日星期XgetFullYear 指定字符串中的哪一年getMonth 得到指定字符中的哪一个月份(注:月份是从0开始的)getDate 得到指定字符串中的哪一天getDay 得到指定字符串当前日期是一周中的第几天(周日返回的是0)(星期X的X一般是大写:由于getDay返回的结果是阿拉伯数字,所以可以定义一个数组利用该数字作为该数组的下标,进行返回对应的值 )最后利用以上方法所求内容通过加号拼接成字符串即可var date = new Dat原创 2022-03-22 15:09:20 · 1205 阅读 · 0 评论 -
求两个数之间的随机数及猜数字游戏
思路:产生随机数的方法:Math.random()然后套用公式:(1)不包括两个数在内 (Math.random()*(max-min))+min;function getRandom(min, max) { return Math.floor(Math.random() * (max - min)) + min;}console.log(getRandom(1, 10));(2)包括两个数在内 (Math.random()*(max-min+1))+min;function原创 2022-03-22 12:12:37 · 3418 阅读 · 0 评论