JS ASCII编码、Math、Date

本文介绍了JavaScript中的ASCII编码,包括如何获取和转换ASCII编码。接着详细讲解了Math对象的各种方法,如round、ceil、floor等,以及三角函数的使用。最后,文章阐述了Date对象的用法,包括创建日期、获取和设置时间、日期处理以及延迟与定时器的相关函数。

ASCII编码、MathDate

1 ASCII编码

charCodeAt(3) //获取下标为3的字符的ASCII(American Standard Code for * Information Interchange) == > unicode编码

String.fromCharCode(94) //编码转换成字符

说明:[ascii, GBKUnicode由来]
字符编码是计算机技术的基石,想要熟练使用计算机,就必须懂得一点字符编码的知识。

2 Math对象方法

Math一个保存数学公式和信息的对象,一般用于执行数学任务

2.1 Math的属性

Math.PI //3.1415926

2.2 Math的方法

2.2.1 Math.round()

Math.round(3.6) //四舍五入取整

2.2.2 Math.ceil()

Math.ceil(11.3) //12 向上取整,获取一个比它大的最小整数

2.2.3 Math.floor()

Math.floor(11.8) //11 向下取整,获取一个比它小的最大整数。

2.2.4 Math.random()

Math.random() //返回0-1之间的随机数(不包括1

2.2.5 Math.max()

Math.max(num1, num2) //返回较大的数

2.2.6 Math.min()

Math.min(num1, num2) //返回较小的数

2.2.7 Math.abs()

Math.abs(num) //绝对值

2.2.8 Math.pow()

Math.pow(x,y) //xy次方

2.2.9 Math.sqrt()

Math.sqrt(num) //开平方根

2.2.10 三角函数

Math.sin(radian);

Math.cos(radian);

Math.tan(radian);

角度与radian弧度的转换弧度=角度*Math.PI/180

3 Date

3.1了解时间

GMT:格林尼治标准时(Greenwich Mean Time),俗称天文学时间

UTC:协调世界时(Universal Time Coordinated)原子物理时间,它更加精确,50亿年才误差1

时区为了克服时间上的混乱,1884年在华盛顿召开的一次国际经度会议(又称国际子午线会议[1])上,规定将全球划分为24个时区(东、西各12个时区)。规定英国(格林尼治天文台旧址)为中时区(零时区)、东1-12区,西1-12区。每个时区横跨经度15度,时间正好是1小时

闰年:四年一闰,百年不闰,四百年再闰

纪元时间(UNIX TIME)1970-1-1零时

3.2 创建时间和日期

1创建当前时间的日期和时间

var d = new Date();//得到的是代码执行时的时间(本地时间)

2创建指定日期的时间和日期

var d = new Date("2015/08/22");

var d = new Date(56521211021);//参数为距1970-1-1零时的毫秒数

3.3获取/设置时间

3.3.1获取/设置年、月、日

getFullYear()/setFullYear(2014)

getMonth()/setMonth(8)注意:获取月份是从0开始的

getDate()/setDate(25)

例如:

var d = new Date(2017-8-18);

var current = d.getDate();

d.setDate(current + 10);  此时可以将d中的18号日期更改为28号,如果超出了当月的天数,则系统自动进位到月份。

3.3.2获取星期

getDay() 其中返回值为0-6,代表星期天-星期六。星期无法setday(),因为星期是根据date来决定的。

3.3.3获取/设置时、分、秒

getHours()/setHours()

getMinutes()/setMinutes()

getSeconds()/setSeconds()

3.4日期处理

3.4.1getTime()/setTime()

getTime()/setTime():获取/修改某个日期自1970110时以来的毫秒数

3.4.2toLocaleDateString()

toLocaleDateString(); 以特定地区格式显示年、月、日

3.4.3toUTCString()

toUTCString(); 转换成UTC时间

3.4.4Date.parse()

Date.parse(“2015-08-24”)//返回指定日期距1970-1-1零时的毫秒数PS:转换格式默认支持2015-08-242015/08/24

3.4.5 Date.now()

Date.now();//返回执行这行代码时距1970-1-1零时的毫秒数


3.5延迟与定时器

3.5.1 setInterval()

setInterval(fn,30):每隔30毫秒执行一次fn这个函数,返回一个id标识

3.5.2 clearInterval()

清除指定id标识的定时器操作

3.5.3 setTimeout()

setTimeout(fn,200):两百毫秒后执行fn这个函数(只执行一次),返回一个id标识

3.5.4 clearTimeout()

clearTimeout(timeoutID):清除指定id标识的延迟操作


### 关于520纪念日的编程示例与创意 #### HTML/CSS/JavaScript 表白网页 以下是一个简单的基于HTML、CSS和JavaScript的520表白页面示例。该示例展示了如何利用前端技术来创建一个动态且具有视觉吸引力的爱情表达方式。 ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>520 爱情代码</title> <style> body { background-color: black; color: white; text-align: center; font-family: Arial, sans-serif; margin: 0; padding: 0; } .heart { position: relative; width: 100px; height: 90px; animation: beat 1s infinite; } .heart::before, .heart::after { content: ""; position: absolute; top: 0; left: 50px; width: 50px; height: 80px; border-radius: 50px 50px 0 0; background-color: red; } .heart::after { transform: rotate(-45deg); left: 0; } @keyframes beat { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } </style> </head> <body> <div class="heart"></div> <h1 style="margin-top: 20px;">亲爱的,我爱你!</h1> <script> const startDate = new Date('2023-01-01T00:00:00'); // 设置你们在一起的时间 let now = new Date(); let diffTime = Math.abs(now - startDate); let daysTogether = Math.ceil(diffTime / (1000 * 60 * 60 * 24)); document.body.innerHTML += `<p>我们已经相爱了 ${daysTogether} 天!</p>`; </script> </body> </html> ``` 此代码片段通过动画效果模拟了一个跳动的心脏,并计算两人相识以来共同度过的天数[^1]。 #### Python 文本艺术打印 Python可以用来生成精美的ASCII艺术文字作为礼物的一部分。下面是一段用于打印“LOVE YOU”的脚本: ```python from art import tprint def main(): message = "LOVE YOU" tprint(message) if __name__ == "__main__": main() ``` 这段代码依赖`art`库,可以通过pip安装(`pip install art`)。运行后将会显示大号的艺术字体版本的消息[^2]。 #### C++ 数字日期游戏 对于喜欢挑战逻辑思维的朋友来说,设计一个小游戏可能更加有趣。比如让用户猜解代表特定含义的一串数字组合——如“520”,其谐音即为中文中的“我爱你”。 ```cpp #include <iostream> using namespace std; int main() { int guessNumber = 0; cout << "欢迎来到我们的爱情密码小游戏!" << endl; do{ cout << "\n请输入你认为最能体现'我爱你'这三个字意义的一个三位整数:"; cin >> guessNumber; if(guessNumber != 520){ cout<<"\n抱歉,这不是我们要找的那个秘密号码,请再试试看吧~"; }else{ break; } }while(true); cout<< "\n恭喜您找到了属于我们的独特记忆 —— '520', 这意味着‘我永远爱你’!"; return 0;} ``` 这个游戏鼓励参与者思考并输入正确的数值以解锁隐藏的信息[^3]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值