主页 / user-626067

Саша's questions

Martin Hope
Саша
Asked: 2025-03-04 02:46:26 +0000 UTC
  • 6

我正在用 TypeScript 制作我的第一个项目，尝试从音频中获取当前时间，但 TC 抱怨它不存在于 EventTarget 类型中。告诉我如何正确输入以及在哪里可以阅读有关打字稿中的事件输入？

const audio = new Audio('/audio/1.mp3') as HTMLMediaElement;
audio.addEventListener('timeupdate', (event: Event) => {
      console.log(event.target?.currentTime);
    });
typescript
Martin Hope
Саша
Asked: 2024-11-12 20:59:19 +0000 UTC
  • 5

有一个函数接受用户数组并返回符合过滤条件的用户名数组。告诉我如何正确输入，因为 ts 给出了错误

type TUser = [string, number, boolean][];
const users: TUser = [
  ["Alice", 25, true],
  ["Bob", 30, false],
  ["Charlie", 22, true],
  ["David", 27, true],
  ["Eve", 20, false],
  ["Fanny", 29, true],
  ["George", 67, true],
];

function filterAndSortUsers(arr: TUser): string[] {
  let filtArr: TUser = arr.filter((item) => item[1] >= 25 && item[2] === true);
  let sortedArr: TUser= filtArr.sort(function (a, b) {
    return a[1] - b[1];
  });
  let newArr: string[] = sortedArr.map((el) => el.splice(0, 1)).flat();

  return newArr;
}

错误文本：类型“(string | number | boolean)[]”无法分配给类型“string[]”。类型“string | number | boolean”不能分配给类型“string”。类型“number”不能分配给类型“string”。

javascript
Martin Hope
Саша
Asked: 2024-09-23 17:44:27 +0000 UTC
  • 5

我正在 js 课程中进行练习，根据作业，我需要使用时间参数创建一个进度函数，该函数会在给定时间内更改 div 的大小，使用scaleX，在页面上显示百分比。我现在这样做了，但是当我添加 div 的百分比时，它开始填充得更快并且超出了页面。告诉我出了什么问题。

/* Добавлено для визуализации в сниппете */
const div = document.querySelector('.progress-bar');
const timeEl = document.getElementById('time');
/* ===================================== */
  
function progress(time) {
  let startPoint = 0;
  div.style.transform = 'scaleX(0)';
  let speed = time / 31;
  let timer = setInterval(() => {
    if (startPoint > 31) {
      clearInterval(timer);
    } else {
      div.style.transform = `scaleX(${startPoint})`;
      timeEl.textContent = `${(startPoint / 31) * 100} %`;
    }

    startPoint++;
  }, speed);
}

/* запуск */ 
progress(time); 
*,
*::after,
*::before {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
}

body {
  margin: 0;
  background-color: rgb(227, 227, 207);
}

.container {
  width: 100%;
  height: 100%;
  display: grid;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.progress-bar {
  max-width: 500px;
  height: 20px;
  padding: 5px;
  background-color: rgb(128, 128, 195);
  transition: transform ease-in-out .5s;
  transform-origin: left;
}
<div class="container">
  <div class="progress-bar"></div>
  <span id="time"></span>
</div>

javascript