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方法及使用例 驼峰命名法 网页显示时间 对数据取整 随机数 返回绝对值 四舍五入相关推荐

  1. JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题的解决方法

    JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题的解决方法 参考文章: (1)JS IOS/iPhone的Safari浏览器不兼容Javascript中的D ...

  2. javascript中的Date类型

    1.JavaScript中的Date表示日期时间. 2.new Date()返回日期对象,是本地时间 3.Date.parse()接受一个时间字符串返回时间戳.也是本地时间,所以Date.parse( ...

  3. 5种JavaScript中常用的排序方法

    5种JavaScript中常用的排序方法 01.冒泡排序 通过相邻数据元素的交换,逐步将待排序序列变为有序序列,如果前面的数据大于后面的数据,就将两值进行交换,将数据进行从小到大的排序,这样对数组的第 ...

  4. 十二、深入JavaScript中的Date

    @Author:Runsen @Date:2020/05/29 作者介绍:Runsen目前大三下学期,专业化学工程与工艺,大学沉迷日语,Python, Java和一系列数据分析软件.导致翘课严重,专业 ...

  5. JS中 new Date() 各方法的用法

    JS中 new Date() 各方法的用法 1.new Date() 参数篇 a.返回类型为国标时间, b.无参数时可以直接返回输出时的时间, c.有参数时则返回对应时间的国标时间, d.日期中间的符 ...

  6. 区分JavaScript中slice与splice方法

    区分JavaScript中slice与splice方法 slice()方法是从已有的数组中返回通过索引选定的元素. 语法:array.slice(startIndex,endIndex) 参数star ...

  7. php中this的使用技巧,JavaScript中this关键字使用方法详解

    JavaScript中this关键字使用方法详解 在面向对象编程语言中,对于this关键字我们是非常熟悉的.比如C++.C#和Java等都提供了这个关键字,虽然在开始学习的时候觉得比较难,但只要理解了 ...

  8. JavaScript中遍历数组的方法

    目录 JavaScript中遍历数组的方法 1.for 循环遍历 2.forEach 遍历 3.map 遍历 4.for...of 遍历 5.filter 遍历 6.some 遍历 7.keys,va ...

  9. html script 换行,JavaScript中实现换行的方法

    JavaScript中实现换行的方法 发布时间:2021-03-15 10:55:53 来源:亿速云 阅读:122 作者:小新 小编给大家分享一下JavaScript中实现换行的方法,希望大家阅读完这 ...

最新文章

  1. 收藏喜+1!值得使用的100个Python小技巧
  2. linux编译配置过程,make menuconfig/.config/Kconfig的关系
  3. fastdfs连接mysql_fastDFS文件上传简单案例
  4. linux下GPRS模块的应用程序
  5. cad直线和圆弧倒角不相切_曲线操作-直线,圆弧,圆,倒斜角
  6. 经典Python面试题之Python基础篇
  7. java基础_集合List与Set接口
  8. 30岁软件测试转产品_补水抗皱紧致护肤产品盘点 护肤品排行榜前十名适合30-40岁...
  9. 软件测试工程师常见的面试题大全
  10. 3. Vue入门实战教程之vue-element-admin初体验
  11. AUTOCAD 绘图技巧
  12. android room数据库embed,Android官方ORM数据库Room技术解决方案 @Embedded内嵌对象
  13. sms 短信通平台 发送短信
  14. UML stereotype
  15. QT从下载到安装的具体教程
  16. REVIT 卸载工具,完美彻底卸载清除干净revit各种残留注册表和文件
  17. Java运行乱码,Idea编码设置
  18. Linux shell 的ss
  19. [博客记录页]名博记录页,不定时更新
  20. 配置YOLOV5 小记(一)从英伟达驱动开始

热门文章

  1. 2015年中国十大公有云服务企业综述
  2. 作业2 分析TGA文件
  3. BLE蓝牙广播和扫描主要数据设置解析与总结
  4. 微信小程序java服务_微信小程序访问webService(Java)
  5. AI ProCon圆满落幕,五大技术专场精彩瞬间不容错过
  6. iOS Auto Layout界面自动布局(2)
  7. 专科学校查重严格还是不严格?
  8. 产品开发中,TR是技术评审节点。
  9. (Java毕业设计)大学生租房系统(基于java+springboot)
  10. KBQA中用到强化学习的相关论文