Category Archives: JavaScript

JavaScriptで時刻フォーマットを判断するサンプルコード

フォーマット1:yyyy-MM-dd HH:mm:ss
コード:
var reg = /^(?:19|20)[0-9][0-9]-(?:(?:0[1-9])|(?:1[0-2]))-(?:(?:[0-2][1-9])|(?:[1-3][0-1])) (?:(?:[0-2][0-3])|(?:[0-1][0-9])):[0-5][0-9]:[0-5][0-9]$/;

フォーマット2:yyyy-mm-dd
コード:
var reg = /^(\d{4})-(\d{2})-(\d{2})$/;
if(!reg.test(str)){
alert(“日付のフォーマットは間違えました!”);
return false;
}

Javacriptで文字列を日付型に変換、現在の時刻を取得するサンプルコード

1.ソースコード
$scope.lacalDate = d.getFullYear()+”-“+((d.getMonth()+1)<10?”0″:””)+(d.getMonth()+1)+”-“+(d.getDate()<10?”0″:””)+d.getDate()+” “+ (d.getHours()+2<10?”0″:””)+(d.getHours()+2)+”:”+(d.getMinutes()<10?”0″:””)+d.getMinutes()+”:”+ (d.getSeconds()<10?”0″:””)+d.getSeconds();

var str =’2015-03-18 17:13:15′;
str = str.replace(/-/g,”/”);
var date = new Date(str );

2.処理関数:
var myDate = new Date();
myDate.getYear();
myDate.getFullYear();
myDate.getMonth();
myDate.getDate();
myDate.getDay();
myDate.getTime();
myDate.getHours();
myDate.getMinutes();
myDate.getSeconds();
myDate.getMilliseconds();
myDate.toLocaleDateString();
var mytime=myDate.toLocaleTimeString();
myDate.toLocaleString( );

JavaScriptの配列の要素を削除するサンプルコード

参考コード
var a = new Array(“a”,”b”,”cc”,”d3″);
var index = $.inArray(“cc”,a);
if(index>=0){
//arrayObject.splice(index,howmany,item1,…..,itemX)
a.splice(index,1);
alert(a.toString());
}else{
alert(“エラー”);
return false;
}

「JavaScript学習」Javascriptで期限日時までリアルタイムにカウントダウンするサンプルコード

JavaScriptコード:
<!doctype html>
<html>
<head>
<meta charset=”UTF-8″>
<title>time</title>
<script src=”jquery.js” type=”text/javascript”></script>
</head>
<body>
<h1>
<span id=”loan_time”>0日0時間0分0秒</span>
<input id=”hid” type=”hidden” value=”75255″ />
</h1>
<script>
$(function(){
setLeftTime();
});
function showSeconds() {
var day1 = Math.floor(seconds / (60 * 60 * 24));
var hour = Math.floor((seconds – day1 * 24 * 60 * 60) / 3600);
var minute = Math.floor((seconds – day1 * 24 * 60 * 60 – hour * 3600) / 60);
var second = Math.floor(seconds – day1 * 24 * 60 * 60 – hour * 3600 – minute * 60);
if (day1 < 0) {
clearInterval(timer);
$(“#loan_time”).html(“終了しました!”);
} else {
$(“#loan_time”).html(day1 + ” 日 ” + hour + “時間” + minute + “分” + second + “秒”);
}
seconds–;
}
function setLeftTime() {
seconds = parseInt($(“#hid”).val(), 10);
timer = setInterval(showSeconds,1000);
}
</script>
</body>
</html>

「BASH」初歩プログラム基礎編–IF文の使い方

参考コード1:
#!/bin/bash
NAME = TEST
if id $NAME &> /dev/null ; then
echo “ユーザが既に存在する”
else
echo “ユーザが存在しない”
fi

参考コード2:
#!/bin/bash
NAME = TEST
if id $NAME &> /dev/null ; then
echo “ユーザが存在する”
else
useradd $NAME
echo “startnews24″&> /dev/null | passwd –stdin $NAME &> /dev/null
echo “$NAME finished”
fi

NodeJSにHTTPを利用してDomain Socketをリスナーする

1.参考コード
var http = require(‘http’);
http.createServer(function (req, res) {
res.writeHead(200, {‘Content-Type’: ‘text/plain’});
res.end(‘welcome to arkgame.com\n’);
}).listen(‘/tmp/node_http.sock’);
console.log(‘Server running at /tmp/node_http.sock’);

2.テスト方法
telnet /tmp/node_http.sock
Trying /tmp/node_http.sock…
Connected to (null).
Escape character is ‘^]’.
GET / HTTP/1.1
HTTP/1.1 200 OK
Content-Type: text/plain
Date: Mon, 26 Jan 2014 04:21:09 GMT
Connection: keep-alive
Transfer-Encoding: chunked
c
welcome to arkgame.com
0

3. NodeJSのHTTP Clientを利用してアクセス
var http = require(‘http’);
var options = {
socketPath: ‘/tmp/node_http.sock’,
method: ‘GET’,
path: ‘/’
};
var req = http.request(options, function(res){
console.log(‘STATUS: ‘ + res.statusCode);
console.log(‘HEADERS: ‘ + JSON.stringify(res.headers));
res.on(‘data’, function (chunk){
console.log(chunk.toString());
});
});
req.end();
4.http_client.jsのソースコードを実行
node http_client.js
STATUS: 200
HEADERS: {“content-type”:”text/plain”,”date”:”Mon, 26 Jan 2014 04:25:49 GMT”,”connection”:”close”,”transfer-encoding”:”chunked”}
welcome to arkgame.com

NodeJSのTCP、HTTPでDomain Socketを監視する方法

TCP側参考コード:
var net = require(‘net’);
net.createServer(function (socket) {
socket.on(‘data’, function (data) {
socket.write(‘received: ‘ + data);
});
}).listen(‘/tmp/node_tcp.sock’);

「’/tmp/node_tcp.sock’」に接続
参考コード:
telnet /tmp/node_tcp.sock
Trying /tmp/node_tcp.sock…
Connected to (null).
Escape character is ‘^]’.
welcome to arkgame.com
received: welcome to arkgame.com

「JavaScript学習」jqueryでノードを削除するサンプルコード

参考コード:
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<title>jqueryでノードを削除_www.arkgame.com</title>
<script type=”text/javascript” src=”jquery-1.7.2.js”></script>
<script type=”text/javascript”>
//ノード移動
$(function(){
//var removeLi = $(“ul li:eq(3)”).remove();
//removeLi.appendTo($(“ul”));
//$(“ul li”).remove(“li[title != 2]”);

//要素の内容をクリア
$(“ul li:eq(3)”).empty();
});
</script>
</head>
<body>
<p title=”study in startnews24″>arkgame.com</p>
<ul>
<li title=”1″>ゲーム</li>
<li title=”2″>アプリ</li>
<li title=”3″>IT技術</li>
<li title=”4″>ソフト</li>
<li title=”5″>学習</li>
<li title=”6″>取得</li>
</ul>
</body>
</html>

「JavaScript学習」正規表現のtest()とexec()を利用する方法

参考コード

<html>
<head>
<script type=”text/javascript”>
function startnews1(){
var con = document.getElementsByName(‘content’)[0].value;//検索
var reg = /hi/;//マッチ
alert(reg.test(con));
}
function startnews2(){
var con = document.getElementsByName(‘content’)[0].value;//コンテンツを検索
var reg = /\bhi\w+/;//コンテンツをマッチ
alert(reg.exec(con));
}
</script>
</head>
<body>
<textarea rows=”5″ cols=”30″ name=”content”></textarea><br />
<button onclick=”startnews1();”>正規表現(testメソッド)</button><br />
<button onclick=”startnews2();”>正規表現(execメソッド)</button>
</body>
</html>

JavaScriptで要素を削除するには実装プログラム

参考コード

<html>
<head>
<title>Javascriptで要素を削除</title>
<script type=”text/javascript”><!–

function $(nodeId)
{
return document.getElementById(nodeId);
}
function $Name(tagName)
{
return document.getElementsByTagName(tagName);
}
//メッセージを交換
function replaceMsg()
{
var newNode = document.createElement(“P”);//Pタグを作成
newNode.innerHTML = “<font color=’red’>added element</font>”;
var oldNode = $Name(“P”)[0];//bodyのp要素を取得
oldNode.parentNode.replaceChild(newNode,oldNode);
}
//メッセージを削除
function removeMsg()
{
var node = $(“p2”);
var nodeBtn = $(“remove”);
//node.parentNode.removeChild(node);
document.body.removeChild(node);
//nodeBtn.parentNode.removeChild(nodeBtn);//削除ボタン
document.body.removeChild(nodeBtn);
//document.body.removeNode();
}

function addbefore()
{
var newNode = document.createElement(“p”);
//var newText = document.createTextNode(“before add element”);
//newNode.appendChild(newText);
newNode.innerHTML = “<font color=’red’>before add element</font>”;
var oldNode = $(“p3”);
//document.body.insertBefore(newNode,oldNode);
oldNode.parentNode.insertBefore(newNode,oldNode);
}

function addlast()
{
var newNode = document.createElement(“p”);//Pタグの作成
//var newText = document.createTextNode(“last element add”);
//newNode.appendChild(newText);
newNode.innerHTML = “<font color=’red’>last add element</font>”;
var oldNode = $(“p3”);

oldNode.appendChild(newNode);
//document.body.appendChild(newNode);
}

window.onload = function addArrayMsg()
{
var arrayMsg = [‘one’,’two’,’three’,’four’,’five’];//配列を作成
var fragment = document.createDocumentFragment();//ドキュメントフラグメントを作成
var newNode ;
for (var i=0 ;i<arrayMsg.length ;i++ )
{
newNode = document.createElement(“P”);
var nodeText = document.createTextNode(arrayMsg[i]);
newNode.appendChild(nodeText);//
fragment.appendChild(newNode);
}
document.body.appendChild(fragment);
}
//行を追加
function addRow()
{
var tab = $(“myTable”);
var oldTr = $(“handleTr”);
var newTr = tab.insertRow();//行の作成
var newTd1 = newTr.insertCell();//セルの作成
var newTd2 = newTr.insertCell();
newTd1.innerHTML = “<input type=’checkbox’ />”;
newTd2.innerHTML = “<input type=’text’ />”;

}
//行を削除
function removeRow()
{
var tab = $(“myTable”);
// if(tab.rows.length>0){
// tab.deleteRow();
// if(tab.rows.length==1)
// tab.deleteCaption();
// }

var cbbox ;
for(var i=0;i<tab.rows.length;i++){
cbbox = tab.rows[i].childNodes[0].childNodes[0];//inputを取得
if(cbbox.checked){

tab.deleteRow(i–);
}
}
}

//全部選択
function selAll(value){
var items = document.all.tags(“input”);//ページの全てinputを取得
for(var i = 0;i<items.length;i++){
if(items[i].type==”checkbox”){//checkboxの判断
items[i].checked = value.checked;
}
}
}
//input要素の値を取得
function getInputValue()
{
var inputArray = new Array();//配列を作成
var tab = $(“myTable”);
var tbInput;
for(var i=0;i<tab.rows.length;i++){
tbInput = tab.rows[i].childNodes[1].childNodes[0].value;
if(tbInput!=””&&tbInput!=null)
inputArray.push(tbInput);
}
inputArray = inputArray.join(“*^&”);
$(“showValue”).value = inputArray;
}
var x =’10+20′;
(“alert(x);”)
// –></script>
</head>
<body>
<p id=”p1″>Hello World!</p>
<input type=”button” value=”change” onclick=”replaceMsg();” />
<p id=”p2″>Are you sure delete?</p>
<input type=”button” id=”remove” value=”delete” onclick=”removeMsg();” />
<p id=”p3″>add element</p>
<input type=”button” id=”addbefore” value=”add befroe” onclick=”addbefore();” />
<input type=”button” id=”addlast” value=”add last” onclick=”addlast();” />
<p></p>
<div style=”border:1px solid blue;height:300px”>
<table id=”myTable” cellpadding=”0″ cellspacing=”0″ border=”1px solid blue” style=”padding:4px;” style=”padding:4px;”>
</table>
<input type=”checkbox” onclick=”selAll(this);” />
<input type=”button” value=”add Row” id=”addRow” onclick=”addRow();” />
<input type=”button” value=”remove Row” id=”removeRow” onclick=”removeRow();” />
<textarea rows=”5″ cols=”25″ id=”showValue” />