メモ20180910_技術三昧ブログ

ホーム » ブログ » メモ20180910

@2018/09/10


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header>
	<nav id="global-nav" class="nav-global">
		top header block.
	</nav>
</header>
<div class="contents">
<script type="text/javascript">

let url = 'http';
let year_from = 2051;
let year_to = 2100;
let y = year_from;
let m = 1;

/*------------------------------------------------------
 * 2秒間隔でURLを呼び出し
 *------------------------------------------------------*/
var accessor = setInterval(function(){
	//Loop可否フラグ
	let loopFlag = checkYm(y,year_to);
	//------------２秒毎に処理を繰り返す
	if(loopFlag) {
		//-----------URLを実行
		let params_str = '?mode=new&year=' + y + '&month=' + m;
    	const request = new XMLHttpRequest();
		request.open("GET", `${url}${params_str}`);
		request.send();
		//-----------実行結果を画面に表示
		let rst_msg = y + '年' + m + '月のカレンダー更新しました。';
		var node = document.createElement("p");
		var textnode = document.createTextNode(rst_msg);
		node.appendChild(textnode); 
		document.getElementById("result").appendChild(node);
		//----------次へセット
		if(m==12) {
			y++;
			m = 1;
		}else {
			m++;
		}
	}
	//------------Loop期間外ならば、Loopクリア
	else {
		clearInterval(accessor);
	}
}, 1000);

/*------------------------------------
 * Loop可能な年かどうか
 * return true:Loop可 false:否
 *------------------------------------*/
function checkYm(y,year_to) {
	if(y<=year_to) {
		return true;
	}else{
		return false;
	}
}
</script>

	<div id="result"></div>

</div>

<footer>
	footer block.
</footer>

</body>

♪ 当記事がお役に立ちましたらシェアして頂ければ嬉しいです。

0人

★ 当記事を閲覧の方は下記の【関連記事】も閲覧していました。

閲覧履歴(直近10件)

◎zanmai.netサイト記事の転載・複製（コピー）は、zanmai.netへのリンクであることを明記してください！
◎本記事URL: https://www.zanmai.net/blog/data/303.html

閉じる

メモ20180910_ブログ_zanmai.net

※会員の方は認証コードを要らないから、新規登録をオススメ！