1、Math

  • Math.ceil() —>上取整
  • Math.floor() —下取整
  • Math.round() —四舍五入取整
  • Math.max() —取最大值
  • Math.min() —取最小值
  • Math.random —取0<=num<1的随机数

    1. <script>
    2. var num = 13.45;
    3. /* Math.ceil() -->上取整 */
    4. console.log(Math.ceil(num));
    5. /* Math.floor() --下取整 */
    6. console.log(Math.floor(num));
    7. /* Math.round() --四舍五入取整 */
    8. console.log(Math.round(13.56));
    9. /* Math.max() --取最大值*/
    10. console.log(Math.max(1,3,5,6));
    11. /* Math.min() --取最小值 */
    12. console.log(Math.min(1,3,5,6));
    13. /* Math.random --取0<=num<1的随机数 */
    14. console.log(Math.random());
    15. </script>

    image.png

    2、Date

    / 年月日 /
    var date = new Date()
    / date.getFullYear() —年 /
    var year = date.getFullYear();
    / date.getMonth() —月份从0开始 /
    var month = date.getMonth()+1;
    / date.getDate() —日 /
    var date = date.getDate();

    1. <script>
    2. /* 年月日 */
    3. var date = new Date()
    4. console.log(date);
    5. /* date.getFullYear() --年 */
    6. var year = date.getFullYear();
    7. console.log(year);
    8. /* date.getMonth() --月份从0开始 */
    9. var month = date.getMonth()+1;
    10. console.log(month);
    11. /* date.getDate() --日 */
    12. var date = date.getDate();
    13. console.log(date);
    14. </script>

    image.png

    例子

    1.根据输入的值显示对应格式的数字

    1. <script>
    2. function handleNum(value){
    3. if(value>=100000000){
    4. value = Math.ceil(value/100000000)+"亿"
    5. }else if(value>10000){
    6. value = Math.ceil(value/10000)+"万"
    7. }
    8. return value
    9. }
    10. var res = handleNum(2154578);
    11. console.log(res);
    12. </script>

    image.png

    2.改变数组对象中的数字格式

    1. <script>
    2. function handleNum(value){
    3. if(value>=100000000){
    4. value = Math.ceil(value/100000000)+"亿"
    5. }else if(value>10000){
    6. value = Math.floor(value/10000)+"万"
    7. }
    8. return value+""
    9. }
    10. var arr = [
    11. /* 4000 */
    12. {name:"你好",playCount:4000},
    13. /* 40万 */
    14. {name:"它",playCount:400040},
    15. /* 2亿 */
    16. {name:"谁",playCount:200000000}
    17. ]
    18. var res = [];
    19. arr.forEach(item=>{
    20. item.playCount = handleNum(item.playCount);
    21. })
    22. console.log(arr);
    23. </script>

    image.png

    3.实时显示时间

    1. <div id="app"></div>
    2. <script>
    3. function handleNum(num){
    4. if(num<10){
    5. num = "0"+num;
    6. }
    7. return num;
    8. }
    9. function show(){
    10. var app = document.getElementById("app");
    11. var d = new Date();
    12. var hour = d.getHours();
    13. var minutes = d.getMinutes();
    14. var seconds = d.getSeconds();
    15. var time = handleNum(hour)+":"+handleNum(minutes)+":"+handleNum(seconds);
    16. console.log(time);
    17. app.innerHTML = time;
    18. }
    19. setInterval(function(){
    20. show()
    21. },1000)
    22. </script>

    image.png

    4.计算当前时间与指定时间的时间差

    1. <script>
    2. var time = "2021-10-13 21:30:00"
    3. /* 1、获取当前时间的毫秒数 */
    4. var d = new Date();
    5. console.log(d.getTime());
    6. var startTime = d.getTime();
    7. /* 2、获取活动开始时间的毫秒 */
    8. var endTime = new Date(time).getTime();
    9. console.log(endTime);
    10. var gapTime = endTime - startTime;
    11. console.log(gapTime);
    12. var seconds = Math.floor((gapTime/1000)%60);
    13. var minutes = Math.floor((gapTime/60000)%60);
    14. var hours = Math.floor(gapTime/1000/3600);
    15. console.log(hours+":"+minutes+":"+seconds)
    16. </script>

    image.png

    1. <script>
    2. function show(time){
    3. var d = new Date();
    4. // console.log(d.getTime());
    5. var startTime = d.getTime();
    6. /* 2、获取活动开始时间的毫秒 */
    7. var endTime = new Date(time).getTime();
    8. // console.log(endTime);
    9. var gapTime = endTime - startTime;
    10. // console.log(gapTime);
    11. var seconds = Math.floor((gapTime/1000)%60);
    12. var minutes = Math.floor((gapTime/60000)%60);
    13. var hours = Math.floor(gapTime/1000/3600)%24;
    14. var days = Math.floor(gapTime/3600000/24);
    15. console.log(days+"天"+hours+":"+minutes+":"+seconds)
    16. }
    17. show("2021-10-13 21:30:00");
    18. show("2021-10-19 08:30:00")
    19. </script>

    image.png

    5.计算字符串记录的时间之差

    1. <script>
    2. function show(){
    3. var gapTime = endTime - startTime;
    4. // console.log(gapTime);
    5. var seconds = Math.floor((gapTime/1000)%60);
    6. var minutes = Math.floor((gapTime/60000)%60);
    7. var hours = Math.floor(gapTime/1000/3600)%24;
    8. var days = Math.floor(gapTime/3600000/24);
    9. console.log(days+"天"+hours+":"+minutes+":"+seconds)
    10. }
    11. var s = "2021:10:13,18:00:00"
    12. var startTime = s.split(",")[0]
    13. var endTime = 2021+":"+s.split(",")[1]
    14. console.log(startTime);
    15. console.log(endTime);
    16. startTime = new Date(startTime);
    17. endTime = new Date(endTime);
    18. console.log(startTime);
    19. console.log(endTime);
    20. show();
    21. </script>

    image.png