Math和Date方法+高考倒计时案例

本文详细介绍了JavaScript中的内置对象Math和Date。Math对象提供了如随机数生成、四舍五入、求幂等数学运算方法;Date对象则用于处理时间,包括创建时间对象、获取年月日等时间属性以及计算时间差。通过实例展示了如何计算高考倒计时,帮助开发者更好地理解和运用这两个核心对象。
摘要由CSDN通过智能技术生成

Math 和 Date

Math 是 js 的一个内置对象,提供了一堆的方法帮助我们操作 数字

Date 是 js 的一个内置对象,提供了一堆的方法帮助我们操作 时间

数字转换进制

  1. toString()` 方法可以在数字转成字符串的时候给出一个进制数

    语法: 数字.toString(你要转换的进制)

  2. parseInt()` 方法可以在字符串转成数字的时候把字符串当成多少进制转成十进制

    语法: parseInt(要转换的字符串,当作几进制来转换)

Math

方法名语法作用
randomMath.random()生成0-1之间的随机数
roundMath.round()四舍五入
absMath.abs()转化为绝对值
ceilMath.ceil()向上取整
floorMath.floor()向下取整
maxMath.max()取最大值
minMath.min()取最小值
plMath.pl得到圆周率值3.14.....
powMath.pow(数字,次方)取数字的幂
sqrtMath.sqrt()求平方根的值
toFixed()数字.toFixed(位数)保留小数位

Date

javascript的内置构造函数,获取时间

new Date()

创建时间对象

语法:new Date(参数列表) 如果不传参数,则返回当前时间

传参-->只传年份,则返回格林威治时间。传入月份参数时返回的月份是传入的参数-1,范围0-11

一般传递顺序:年份、月份、天数、时间(00:00:00)

将日期字符串格式化成指定内容

var time = new Date(2019, 03, 03, 08, 00, 22)
方法名作用
getFullYear()获取指定字符串中的年份
getMonth()获取指定字符串中的月份
getDate()获取指定字符串中的天数
getHours()获取指定字符串的小时数
getMinutes()得到指定字符串中的哪分钟
getSeconds()得到指定字符串中的哪秒钟
getDay()得到指定字符串当前日期是一周中的第几天
getTime()获取时间到格林威治时间的毫秒差/时间戳
getMilliseconds()过去毫秒数

获取时间差

高考倒计时

<style>div{margin: 200px auto;font-size: 28px;}</style>
<body><div id="pp"></div></body>
<script>
  var newtime = new Date('2022-06-07 09:00:00')
  function timediff(times){
    var time = new Date()
    var time2 = new Date(times)
    var gaok = time2 - time
    //获取时间戳
    var t1 = time2.getTime()
    var t2 = time.getTime()
    //计算时间戳的差
    var cha = Math.round((t1-t2)/1000)
  //计算时间
  var a = parseInt(cha / (60 * 60 * 24))
  var b = parseInt(cha / 60 / 60) % 24
  var c = parseInt(cha / 60) % 60
  var d = parseInt(cha % 60)
  //时间差字符串
  var str ='高考倒计时:'+a+'天'+b+'小时'+c+'分钟'+d+'秒'
  pp.innerText=str
  return str
  }
  timediff(newtime)
setInterval(function(){//定时器
  timediff(newtime)
},1000)
</script>

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值