2019年4月13日土曜日

一定時間経過後に実行したい


hello




コード.gs 
function doGet() {
  return HtmlService.createHtmlOutputFromFile("index");
}
意訳
この機能がやること
指定したHTMLファイルを表示する


index.html 
<!DOCTYPE html>
<html>
<body>
  <div id="main">hello</div><br>
  <button id="bt">button</button>
<script>
/************************************
グローバル
************************************/
var milisec = 2000;
var main = document.getElementById("main");
var bt = document.getElementById("bt");

/************************************
イベント
************************************/
bt.onclick = btClicked;

/************************************
elem(id)
************************************/
function elem(id) {
  return document.getElementById(id);
}

/************************************
btClicked
************************************/
function btClicked() {
  setTimeout('showMessage()', milisec);
}

/************************************
showMessage
************************************/
function showMessage() {
  main.textContent = "2秒後に表示するメッセージ";
}

</script>
</body>
</html>
意訳
 


mainのdiv要素
button要素




ミリ秒を指定
idがmainの要素を取得
idがbuttonの要素を取得




btがクリックされたらbtClickedを実行する




この機能がやること
受け取ったidの要素を返す





この機能がやること
milisec秒後にshowMessage()を実行する





この機能がやること
main要素にメッセージを表示する