1-1. 亿/万单位

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

1-2. 时钟

时钟.gif

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

1-3. 到达某时间点的倒计时

时钟.gif

  1. <div id="app"></div>
  2. <script>
  3. setInterval(show,1000);
  4. function show(){
  5. var app = document.getElementById("app")
  6. var test = "2021:10:19,18:00:00";
  7. /* 转换为"2021-10-19 08:30:00" */
  8. var date =test.split(",")[0].replace(/\:/g,"-");
  9. // console.log(date)
  10. var t=[date,test.split(",")[1]];
  11. var time =t.join(" ");
  12. // console.log(time)
  13. /* 倒计时 */
  14. var d = new Date;
  15. /* 1.获取当前时间的毫秒数 */
  16. // console.log(d.getTime());
  17. var startTime = d.getTime();
  18. /* 2.获取活动时间的毫秒数 */
  19. var endTime = new Date(time).getTime();
  20. // console.log(endTime.getTime())
  21. /* 3.得到中间间隔的毫秒数 */
  22. var gapTime = endTime - startTime;
  23. // console.log(gapTime);
  24. var seconds = Math.floor(gapTime / 1000);
  25. // console.log(seconds);
  26. var day = Math.floor(seconds / (3600 * 24));
  27. // console.log(day);
  28. var hours = Math.floor(seconds / 3600%24);
  29. // console.log(hours)
  30. var minutes = Math.floor(seconds / 60%60);
  31. // console.log(minutes);
  32. var s =Math.floor(seconds%60)
  33. // console.log(seconds)
  34. var times = handleNum(day)+ ":" + handleNum(hours) + ":" + handleNum(minutes) + ":" + handleNum(s);
  35. console.log(times)
  36. app.innerHTML=times
  37. }
  38. function handleNum(num) {
  39. if (num < 10) {
  40. num = "0" + num;
  41. }
  42. return num;
  43. }
  44. </script>

1-4. 进制转换

  1. 十进制转二进制

    1. <script>
    2. var num = 10;
    3. var arr =[];
    4. while(num>0){
    5. arr.unshift(num%2);
    6. num = Math.floor(num/2);
    7. }
    8. console.log(Number(arr.join("")))
    9. </script>
  2. 二进制转十进制

    1. <script>
    2. var num = 1010;
    3. /*
    4. 0*2^0+1*2^1+0*2^2+1*2^3
    5. 0+2+0+8
    6. */
    7. /* [0,1,0,1] */
    8. var str = (num+"").split("").reverse();
    9. console.log(str)
    10. /* Math.pow(2,2) */
    11. // console.log(Math.pow(2,3))
    12. var sum = 0;
    13. str.forEach((item,index)=>{
    14. sum+= item*Math.pow(2,index);
    15. })
    16. console.log(sum)
    17. </script>