JavaScript中日期Date、Math方法及使用例 驼峰命名法 网页显示时间 对数据取整 随机数 返回绝对值 四舍五入
Date的使用方法及示例
1.Date的概括及用法
当我们需要在网页中显示当前时间时,就需要用到Date,Date方法可能用的不多,但会非常实用。
首先可以尝试在编译器中输入以下代码:
var time = new Date();alert(time.getFullYear());
可以看到结果是弹出一个内容是当前年份的警告框
我们来细品:
首先创建变量time,赋值是newDate();
new在这里是用来实例化的,不能理解的话可以单纯看成如果没有new的话Date孤身一人无法发挥作用。
下面的代码alert()也就是基础的弹出警示框。
而内部的内容则是time调用一个getFullYear() 即:“获取当前年份”。
像getFullYear()这类的代码都是可以直接套,因为是死的代码,不需任何更改,下面是其它同类代码:
getFullYear() | 获取当前年份 |
getMonth() | 获取当前月份 |
getDate() |
获取当前日期 |
getDay() | 获取当前星期 |
getHours() | 获取当前小时 |
getMinutes() | 获取当前分钟 |
getSeconds() | 获取当前秒 |
2.Date的使用示例
其实在上文中就已经有了一个示例,我暂且在此举更多例子:
var time = new Date();console.log(time.getDay());//在控制台输出今天是礼拜几var time2 = new Date();document.write(time2.getMonth());//在网页上打印月份//甚至可以高级一点,来点击按钮查询:<body><script type="text/javascript">function getDatei(){var time3 = new Date();var datei = "今天是"+time3.getDate()+"号";alert(datei);}</script><input type="button" id="dat" value="今天几号?" onclick="getDatei()" /></body>
Math方法的简介及示例
1.Math的简介及用法
Math方法被用在需要对数据进行处理的情况下,实现运算符无法实现的操作,如四舍五入、绝对值、取整等等。
(下表中还有两种方法并未录入)
Math.abs() | 计算绝对值 |
Math.ceil() | 向上取整 |
Math.floor() |
向下取整 |
Math.round() | 四舍五入 |
Math.random() | 生成1~0之间的随机数 |
用法:
var sz = Math.floor(9.5);
//对9.5进行向下取整console.log(sz);
//在控制台输出结果,结果为9
而随机数的用法则不同了:
var sz = Math.random()*100;
//我们可以单纯以为他的意思是0~100之间的随机数
//不过为了严谨,我们通过上表的意思为准,这段代码的意思实际上是让random随机的
//1~0之间的数乘以一百,但如果理解有困难可以暂且认为是1~100的意思console.log(sz);
//输出结果此时是在0~100之间的随机数
2.Math方法的使用示例
在这里我们主要演示随机数,因为其它的使用方法都相同,甚至和日期的输出都同出一辙,所以仅一例普通用法。
var sz = Math.abs(-5);console.log(sz);
//-5的绝对值是5,控制台输出为5.
随机数:
var sz = Math.random()*10;console.log(sz);//这种方法可以输出随机的数,但是后面要跟一大串小数,不知道你们怎么样
//反正我喜欢整数
随机一个整数:
var sz = Math.floor(Math.random()*100);console.log(sz);
//没错,这样很好,输出的是一个随机的整数
//但实际上,它并不能随机到100,而且会有0的输出
那么我们就需要这样来书写:
var sz2 = Math.ceil(Math.random()*100+1);console.log(sz2);
没错,这样可以避免输出零,且由于因为是1~100,所以不可能大于99,也同样弥补了没有100的输出这个问题。
对应的,向上取整也有同样对应的问题,我们对random向上取整与向下取整配合随机数并不大可能做到完全可控。
驼峰命名法
像日期中的getFullYear,我们通常在写函数名时也是同样的,如getSum,lookSum,这种语法中通常是开头第一个单词是动词,后面接名词。不过这并不是驼峰命名法的必要标准,驼峰命名法就是很简单的首个单词小写,其余单词首字母大写,像驼峰一样,起起伏伏,提高了阅读性。
总结:
- 当我们需要在网页中显示当前时间时,就需要用到Date。
- new在Date上是用来实例化的,不能理解的话可以单纯看成如果没有new的话Date孤身一人无法发挥作用。
- Date只需要套用即可,完全的简单好用。
- Math方法被用在需要对数据进行处理的情况下,实现运算符无法实现的操作,如四舍五入、绝对值、取整等等。
- 要注意用Math的随机数用向上或向下取整打印随机整数时需要用一些办法来避免bug。
- 要注意随机数只是由于生成一个0~1之间的数。
JavaScript中日期Date、Math方法及使用例 驼峰命名法 网页显示时间 对数据取整 随机数 返回绝对值 四舍五入相关推荐
- JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题的解决方法
JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题的解决方法 参考文章: (1)JS IOS/iPhone的Safari浏览器不兼容Javascript中的D ...
- javascript中的Date类型
1.JavaScript中的Date表示日期时间. 2.new Date()返回日期对象,是本地时间 3.Date.parse()接受一个时间字符串返回时间戳.也是本地时间,所以Date.parse( ...
- 5种JavaScript中常用的排序方法
5种JavaScript中常用的排序方法 01.冒泡排序 通过相邻数据元素的交换,逐步将待排序序列变为有序序列,如果前面的数据大于后面的数据,就将两值进行交换,将数据进行从小到大的排序,这样对数组的第 ...
- 十二、深入JavaScript中的Date
@Author:Runsen @Date:2020/05/29 作者介绍:Runsen目前大三下学期,专业化学工程与工艺,大学沉迷日语,Python, Java和一系列数据分析软件.导致翘课严重,专业 ...
- JS中 new Date() 各方法的用法
JS中 new Date() 各方法的用法 1.new Date() 参数篇 a.返回类型为国标时间, b.无参数时可以直接返回输出时的时间, c.有参数时则返回对应时间的国标时间, d.日期中间的符 ...
- 区分JavaScript中slice与splice方法
区分JavaScript中slice与splice方法 slice()方法是从已有的数组中返回通过索引选定的元素. 语法:array.slice(startIndex,endIndex) 参数star ...
- php中this的使用技巧,JavaScript中this关键字使用方法详解
JavaScript中this关键字使用方法详解 在面向对象编程语言中,对于this关键字我们是非常熟悉的.比如C++.C#和Java等都提供了这个关键字,虽然在开始学习的时候觉得比较难,但只要理解了 ...
- JavaScript中遍历数组的方法
目录 JavaScript中遍历数组的方法 1.for 循环遍历 2.forEach 遍历 3.map 遍历 4.for...of 遍历 5.filter 遍历 6.some 遍历 7.keys,va ...
- html script 换行,JavaScript中实现换行的方法
JavaScript中实现换行的方法 发布时间:2021-03-15 10:55:53 来源:亿速云 阅读:122 作者:小新 小编给大家分享一下JavaScript中实现换行的方法,希望大家阅读完这 ...
最新文章
- 收藏喜+1!值得使用的100个Python小技巧
- linux编译配置过程,make menuconfig/.config/Kconfig的关系
- fastdfs连接mysql_fastDFS文件上传简单案例
- linux下GPRS模块的应用程序
- cad直线和圆弧倒角不相切_曲线操作-直线,圆弧,圆,倒斜角
- 经典Python面试题之Python基础篇
- java基础_集合List与Set接口
- 30岁软件测试转产品_补水抗皱紧致护肤产品盘点 护肤品排行榜前十名适合30-40岁...
- 软件测试工程师常见的面试题大全
- 3. Vue入门实战教程之vue-element-admin初体验
- AUTOCAD 绘图技巧
- android room数据库embed,Android官方ORM数据库Room技术解决方案 @Embedded内嵌对象
- sms 短信通平台 发送短信
- UML stereotype
- QT从下载到安装的具体教程
- REVIT 卸载工具,完美彻底卸载清除干净revit各种残留注册表和文件
- Java运行乱码,Idea编码设置
- Linux shell 的ss
- [博客记录页]名博记录页,不定时更新
- 配置YOLOV5 小记(一)从英伟达驱动开始