JS一覧2

JS一覧

表示

コンソールに表示

console.log(”あいうえお”);

ウインドウ表示

window.alert(”あいうえお”);

ウインドウ質問

window.confirm(”あいうえお”);

ウインドウ入力

window.prompt(”あいうえお”);

計算

数字化

parseInt("1");

文字化

String(1);

ランダム 2～5

Math.floor(Math.random()*(5-2))+2;

減るように切り捨て
(ー2.3は-3）

Math.floor(2.3);

増えるように切り上げ
（-2.3は-2）

Math.ceil(2.3);

正の数は四捨五入
(-1.5は-1）

Math.round(2.3) ;

リンク

別タブで開く

window.open(リンク, "_blank");

このタブで開く

location.href=リンク;

数秒後に実行

３秒後に実行

setTimeout(ファンクション名枠無し, 3000,ファンクション名の枠内容);

３秒ごとに実行

setInterval(ファンクション名枠無し, 3000,ファンクション名の枠内容);

読み込み

画像事前読み込み

document.createElement('img').src=画像のファイル名;

移動

 $(#A).css({position: 'relative'});
 $(#A).animate({left:'300px',top:'0px'},3000,swing);
swingをlinearにすると等速になる

現在時刻

 let 年;let 月;let 日;let 時;let 分;let 秒;let 曜日;
 年=new Date().getFullYear();
 月=new Date().getMonth()+1;
 日=new Date().getDate();
 時=new Date().getHours();
 分=new Date().getMinutes();
 秒=new Date().getSeconds();
 if(new Date().getDay()===0){曜日='日';}  if(new Date().getDay()===1){曜日= '月';}  if(new Date().getDay()===2){曜日='火';}  if(new Date().getDay()===3){曜日= '水';}  if(new Date().getDay()===4){曜日='木';}  if(new Date().getDay()===5){曜日= '金';}  if(new Date().getDay()===6){曜日='土';}

console.log(年+'年'+月+'月'+日+'日'+時+'時'+分+'分'+秒+'秒'+曜日+'曜日')

位置情報

ゲオロケーションの機能があるなら
位置情報を取得
位置情報をコンソールログに表示
失敗時コンソールログに失敗表示
ゲオロケーションの機能がないなら
コンソールログに失敗を表示

if ("geolocation" in navigator) {
navigator.geolocation.getCurrentPosition(
(position) => {
const 緯度= position.coords.latitude;
const 経度= position.coords.longitude;
console.log(`緯度: ${緯度}, 経度: ${経度}`);
},
(error) => {
console.error("位置情報の取得に失敗しました:", error.message);
}
);}
else {
console.log("このブラウザは位置情報取得をサポートしていません。");
}