add: util.jsの追加
This commit is contained in:
parent
5f3dc00164
commit
ae7375116a
55
src/scripts/lib/util.js
Normal file
55
src/scripts/lib/util.js
Normal file
@ -0,0 +1,55 @@
|
|||||||
|
/**
|
||||||
|
* 画像のプリロード
|
||||||
|
* @param images : 画像パスの配列
|
||||||
|
* @param fn : コールバック関数
|
||||||
|
* @param progress : 読み込み状況取得用コールバック関数
|
||||||
|
*/
|
||||||
|
export const preload = (images, fn, progress) => {
|
||||||
|
const len = images.length
|
||||||
|
let load = 0
|
||||||
|
|
||||||
|
images.forEach((image, key) => {
|
||||||
|
const img = new Image()
|
||||||
|
img.src = image
|
||||||
|
img.onload = () => {
|
||||||
|
load += 1
|
||||||
|
progress({
|
||||||
|
size : len,
|
||||||
|
load : load,
|
||||||
|
per : load / len
|
||||||
|
})
|
||||||
|
|
||||||
|
if(load >= len) fn()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* スマートフォンかどうかの真偽
|
||||||
|
* @return bool
|
||||||
|
*/
|
||||||
|
export const isSP = () => {
|
||||||
|
const useragent = navigator.userAgent.toLowerCase()
|
||||||
|
const reg = /(iphone|ipad|ipod|android|mobile)/
|
||||||
|
|
||||||
|
return reg.test(useragent)
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* PCかどうかの真偽
|
||||||
|
* return bool
|
||||||
|
*/
|
||||||
|
export const isPC = () => {
|
||||||
|
return !isSP()
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 指定した時間に要素を非表示にする
|
||||||
|
* @param selector : セレクタ名
|
||||||
|
* @param time : 時間
|
||||||
|
*/
|
||||||
|
export const hiddenTimeout = (selector, time) => {
|
||||||
|
setTimeout(() => {
|
||||||
|
document.querySelector(selector).style.display = 'none'
|
||||||
|
}, time)
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue
Block a user