アンチシェイク
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="submit" value="send" onclick="send()">
</body>
<script>
function send() {
debounce(() => {
console.log('1')
}, 2000)()
}
const debounce = (fn, delay) => {
let timer = null;
return () => {
clearTimeout(timer);
timer = setTimeout(() => {
fn.apply(this)
}, delay)
}
}
</script>
</html>
時刻変換
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
<script type="text/javascript">
// 秒を分、時、秒に変換する
formateSeconds(endTime) {
let secondTime = parseInt(endTime); //入力された秒の値をNumberに変換する。
let min = 0; // 初期化スコア
let h = 0; // 初期化時間
let result = "";
if (secondTime > 60) {
//秒が60より大きい場合、秒を整数に変換する
min = parseInt(secondTime / 60); //分を取得し、60で割って整数の分を取得する。
secondTime = parseInt(secondTime % 60); //秒を取得する、秒を取る、整数の秒を取得する
if (min > 60) {
//分が60以上の場合、分を時間に変換する
h = parseInt(min / 60); //時間を取得し、60で割った分を取得し、整数時間を取得する
min = parseInt(min % 60); //時以降の分をSheに、60で割った分をSheに変換する
}
}
result = `${h.toString().padStart(2, "0")}:${min.toString().padStart(2, "0")}:${secondTime.toString().padStart(2, "0")}`;
return result;
},
// 時、分、秒を秒に変換する
formSeconds(times){
let arr = times.split(":");
let s = arr[2];
let m = arr[1];
let h = arr[0];
let m1 = m<10?m.replace(/\b(0+)/gi,""):m;
let h1 = h<10?h.replace(/\b(0+)/gi,""):h;
return m1*60+Number(h1)+Number(s)
},
</script>
</html>
簡易検索
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="text" id="int">
</body>
<script>
let list = ["例1」「例12」「例5」「例56];
document.querySelector('#int').onchange=function(e){
console.log(search(e.target.value));
}
function search(val) {
if (val) {
return list.filter(function (item) {
return Object.keys(item).some(function (key) {
return String(item[key]).toLowerCase().indexOf(val) > -1
})
})
}
return list
}
</script>
</html>
継続的に更新。
バムの金時豆への道によって
主要業務：フロントエンド開発
