*タイマー（待ち時間表示） [#i0cfa525]
-ページ: [[罪罰改造掲示板]]
-投稿者: [[こじこ]]
-優先順位: 緊急
-状態: 完了
-カテゴリー: こんなのが欲しい♪
-投稿日: 2004-09-05 (日) 14:40:51
-バージョン:
**メッセージ [#ob64dc38]
どっかのサイトであったのですが、待ち時間がBBSチャット閲覧や更新ボタンを使わずとも自動的に減るところがありました。どのようにつくるのでしょうか...
----
-↑名無しになってました。発起人は私=こじこです。 -- [[こじこ]] &new{2004-09-05 (日) 14:41:31};
-javascriptで時間をリアルタイムに表示させるか、待ち時間をリロード時間に設定して自動リロードさせるかのいずれかでしょうか？ -- [[あくあ]] &new{2004-09-05 (日) 14:55:48};
-あと名前は入れておきました -- [[あくあ]] &new{2004-09-05 (日) 14:58:08};
-負荷が軽いほうを...どのみち掴んでて負荷が発生するならスクリプトが短いか簡単なほうを^^; -- [[こじこ]] &new{2004-09-05 (日) 15:17:19};
-ore_sub-base_pc.cgiでjavascriptを使います -- [[あくあ]] &new{2004-09-05 (日) 21:16:50};
<link rel=stylesheet type="text/css" href="$css" title="style">
<script language="javascript">
<!--//
function jikan() {
if($pr>0){
dd = new Date();
s = $time-Math.ceil(dd.getTime()/1000);
zokko(s);
}
}
function zokko(s) {
dd = new Date();
// 残り時間を計算
a = Math.ceil((($la+$pr)-dd.getTime()/1000)-s);
if(a>0){
tt = Math.floor(a % 60)+"秒 ";
mm = Math.floor(a / 60);
hh = Math.floor(a / 60 /60);
if(mm>0){ tt = mm + "分 " + tt; }
if(hh>0){ tt = hh + "時間 " + tt; }
document.all.T2.innerText = tt;
window.setTimeout("zokko(s)", 1000);
}
}
//-->
EOM
# Javascript自動操作チート防衛(frame取り込み防衛)
if($no_js){
print <<EOM;
<!--
if(self!=top){
top.location = self.location;
}
//-->
EOM
}
print <<EOM;
</script>
</head>
<body $body class="bar" onload="jikan()" >
<span id="T2"></span>
<center>
-多少誤差があるかもしれないので、残り時間を計算の a = に+10とかで10秒くらいのマージンを持たせたほうがいいかもしれません -- [[あくあ]] &new{2004-09-05 (日) 21:36:18};
----
# 画面レイアウト
sub html{
# ヘッダー&圧縮転送有無
&content_type;
# ﾏｳｽ自動操作ﾁｰﾄ撃退 戦闘時に4/400 の確立で発動
my $no_mouse = ($no_mouse && $type eq '修行中') ? int(rand(400)) : 100 ;
print <<EOM;
<html>
<head>
<title>$titleh</title>
<link rel=stylesheet type="text/css" href="http://cgi35.plala.or.jp/PLAYGEAR/html/ore_.css" title="style">
<script language="javascript">
<!--//
function jikan() {
if($pr>0){ # 待ち時間無しのときにも呼ばれてしまう為、追加
dd = new Date();
s = $time-Math.ceil(dd.getTime()/1000);
zokko(s);
} # 待ち時間無しのときにも呼ばれてしまう為、追加
}
function zokko(s) {
dd = new Date();
// 残り時間を計算
a = Math.ceil((($la+$pr)-dd.getTime()/1000)-s);
if(a>0){
tt = Math.floor(a % 60)+"秒 ";
mm = Math.floor(a / 60);
hh = Math.floor(a / 60 /60);
if(mm>0){ tt = mm + "分 " + tt; } # mm>1 を修正
if(hh>0){ tt = hh + "時間 " + tt; } # hh>1 を修正
document.all.T2.innerText = tt;
window.setTimeout("zokko(s)", 1000);
}
}
//-->
EOM
# Javascript自動操作チート防衛(frame取り込み防衛)
if($no_js){
print <<EOM;
<!--
if(self!=top){
top.location = self.location;
}
//-->
EOM
}
print <<EOM;
</script>
</head>
<body $body class="bar" onload="jikan()" >
<span id="T2"></span>
<center>
<table width="740" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left">
$title
</td>
</tr>
</table>
<table width="740" border="0" cellspacing="0" cellpadding="0" height="300">
<tr>
<td align="center" valign="middle" width="500">
<table width="540" border="0" cellspacing="6" cellpadding="6" height="285" bgcolor="#444466">
<tr>
<td bgcolor="#000000" align="left" valign="top">
$log1
</td>
</tr>
</table>
</td>
<td align="right" valign="middle" width="200">
<table border="0" cellspacing="0" cellpadding="5" height="285">
<tr>
<form method="get" action="$index">
<td bgcolor="#000000" valign="middle">
<input type="submit" value="† タイトルへ戻る †" class="button1">
-すいませんがやっぱりカウントされません、どうにかならないでしょうか？ -- [[傭兵]] &new{2004-10-18 (月) 21:11:34};
-あくあさんがやっている通りに記章しているんですが、ちゃんとやっているのですが何が原因なのだか分かりません。すいませんがどこがいけないのか指導お願いします。 -- [[傭兵]] &new{2004-10-23 (土) 18:58:09};
-<span id="T2"></span>を<span id="T2">■</span>とかしても表示されませんか？ -- [[あくあ]] &new{2004-10-23 (土) 23:33:54};
-内政中です…あと2分15秒 とかの表示はされるんですがそこからカウントされません。 -- [[傭兵]] &new{2004-10-24 (日) 10:05:42};
-内政中です…あと2分15秒の場所には表示されないはずです。画面の上部に表示されるはずですが？ -- [[あくあ]] &new{2004-10-24 (日) 11:47:45};
-上部だと■しかひょうじされません。あと上部じゃなくて内政中ですってところに表示させたいのですが。 -- [[傭兵]] &new{2004-10-24 (日) 12:05:03};
-上部に表示できれば、それを移動するだけなので。 -- [[あくあ]] &new{2004-10-24 (日) 22:17:50};
-あと、■が表示されている画面を右クリックでソースを表示、保存して、そのファイルを見せてもらえますか？ -- [[あくあ]] &new{2004-10-24 (日) 22:20:07};
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>傭兵 罪と罰++二律背反</title>
<link rel=stylesheet type="text/css" href="http://cgi35.plala.or.jp/PLAYGEAR/html/ore_.css" title="style">
<script language="javascript">
<!--//
function jikan() {
if(597>0){ # 待ち時間無しのときにも呼ばれてしまう為、追加
dd = new Date();
s = 1098625071-Math.ceil(dd.getTime()/1000);
zokko(s);
} # 待ち時間無しのときにも呼ばれてしまう為、追加
}
function zokko(s) {
dd = new Date();
// 残り時間を計算
a = Math.ceil(((1098625068+597)-dd.getTime()/1000)-s);
if(a>0){
tt = Math.floor(a % 60)+"秒 ";
mm = Math.floor(a / 60);
hh = Math.floor(a / 60 /60);
if(mm>0){ tt = mm + "分 " + tt; } # mm>1 を修正
if(hh>0){ tt = hh + "時間 " + tt; } # hh>1 を修正
document.all.T2.innerText = tt;
window.setTimeout("zokko(s)", 1000);
}
}
//-->
EOM
# Javascript自動操作チート防衛(frame取り込み防衛)
if(1){
print <<EOM;
<!--
if(self!=top){
top.location = self.location;
}
//-->
EOM
}
print <<EOM;
</script>
</head>
<body bgcolor="#000000" text="#dddddd" link="#9999dd" alink="#9999dd" vlink="#9999dd" class="bar" onload="jikan()" >
<span id="T2">■</span>
<center>
<table width="740" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left">
傭兵 罪と罰++二律背反
</td>
</tr>
</table>
<table width="740" border="0" cellspacing="0" cellpadding="0" height="300">
<tr>
<td align="center" valign="middle" width="500">
<table width="540" border="0" cellspacing="6" cellpadding="6" height="285" bgcolor="#444466">
<tr>
<td bgcolor="#000000" align="left" valign="top">
</td>
</tr>
</table>
</td>
<td align="right" valign="middle" width="200">
<table border="0" cellspacing="0" cellpadding="5" height="285">
<tr>
<form method="get" action="./index.cgi">
<td bgcolor="#000000" valign="middle">
<input type="submit" value="† タイトルへ戻る †" class="button1">
</td>
</form>
</tr>
<tr>
<form method="POST" action="./park.cgi">
<td valilgn="middle">
<input type="hidden" name="id" value="??????">
<input type="hidden" name="pw" value="??????">
<input type="hidden" name="camp" value="3">
<input type="hidden" name="sogo" value="5">
<input type="submit" value="† 国際交流広場 †" class="button1">
</td>
</form>
</tr>
<tr>
<form method="POST" action="./hist.cgi">
<td valilgn="middle">
<input type="hidden" name="id" value="?????">
<input type="hidden" name="pw" value="?????">
<input type="submit" value="† 過去の栄光 †" class="button1">
</td>
</form>
</tr>
<tr>
<form method="POST" action="./letter.cgi">
<td valilgn="middle">
<input type="hidden" name="id" value="??????">
<input type="hidden" name="pw" value="??????">
<input type="submit" value="† 罪罰通信 †" class="button1">
</td>
</form>
</tr>
<tr>
<form method="POST" action="./campbbs.cgi">
<td>
<input type="hidden" name="id" value="??????">
<input type="hidden" name="pw" value="??????">
<input type="submit" value="†各国作戦会議室†" class="button1">
</td>
</form>
</tr>
<tr>
<form method="POST" action="">
<td valilgn="middle">
<input type="hidden" name="id" value="???????">
<input type="hidden" name="pw" value="??????">
<input type="submit" value="† 更新 †" class="button1">
</td>
</form>
</tr>
<tr></tr></table>
</td>
</tr>
</table>
<br>
<table width="740" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top" width="540">
<table width="128%" border="0" cellspacing="4" cellpadding="10" height="100" bgcolor="#444466">
<tr>
<td bgcolor="#000000" align="left" valign="top">
<tt class="moji1">
内政中です…あと9分57秒
</tt>
</td>
</tr>
</table>
<br>
<table width="128%" border="0" cellspacing="4" cellpadding="4" bgcolor="#444466">
<tr>
<td bgcolor="#000000" align="center">
<tt class="moji1">
<font color = #88EE88>最新情報</font> ◎ 10/24 22:35:15 ｲｷﾞｽ連合国 の ドン [英雄] 騎兵部隊 [軍大将] が ｱﾙﾒﾘｱ王国 に侵攻、ｼﾞｭﾘｱｽ王子 防衛部隊を撃破。 195 の国力を奪う事に成功したようです(2)
</tt>
</td>
</tr>
</table>
<br>
<table width="700" border="0" cellspacing="4" cellpadding="0" bgcolor="#444466">
<tr>
<td bgcolor="#000000" align="left" valign="top" colspan="2" width="700">
<table border=0 cellpadding=2 cellspacing=2 width=100% align=center>
<tr>
<td bgcolor=#88EE88 align=center width=108></td>
<td bgcolor=#88EE88 align=center width=108>総兵糧</td>
<td bgcolor=#88EE88 align=center width=108>国資金</td>
<td bgcolor=#88EE88 align=center width=108>兵士数</td>
<td bgcolor=#88EE88 align=center width=108>兵訓練度</td>
<td bgcolor=#88EE88 align=center width=108>治安</td>
</tr>
<tr>
<td bgcolor=#88EE88 align=center>ｲｷﾞｽ連合国</td>
<td bgcolor=#88EE88 align=center>3354890</td>
<td bgcolor=#88EE88 align=center>263064</td>
<td bgcolor=#88EE88 align=center>218897</td>
<td bgcolor=#88EE88 align=center>1</td>
<td bgcolor=#88EE88 align=center>189</td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="#000000" align="left" valign="top">
<table border=0 cellpadding=2 cellspacing=2 width=100% align=center>
<tr>
<td bgcolor=#CCCCFF width=90></td>
<td bgcolor=#EE9999 align=center width=92>ｱﾙﾒﾘｱ王国</td>
<td bgcolor=#00EEEE align=center width=92>ﾌﾗﾘﾝ教国</td>
<td bgcolor=#88EE88 align=center width=92>ｲｷﾞｽ連合国</td>
<td bgcolor=#FFCCFF align=center width=92>ｿｰﾃﾞｨﾅ帝国</td>
<td bgcolor=#55BBFF align=center width=92>ﾔﾏﾄ神国</td>
<td bgcolor=#FFD700 align=center width=92>ｸﾞﾗｰﾙ皇国</td>
</tr>
<tr>
<td bgcolor=#CCCCFF>国力</td>
<td bgcolor=#EE9999 align=center>6924</td>
<td bgcolor=#00EEEE align=center>5035</td>
<td bgcolor=#88EE88 align=center>3406</td>
<td bgcolor=#FFCCFF align=center>1517</td>
<td bgcolor=#55BBFF align=center>7028</td>
<td bgcolor=#FFD700 align=center>5990</td>
</tr>
<tr>
<td bgcolor=#CCCCFF>人数</td>
<td bgcolor=#EE9999 align=center>40/40</td>
<td bgcolor=#00EEEE align=center>40/40</td>
<td bgcolor=#88EE88 align=center>37/40</td>
<td bgcolor=#FFCCFF align=center>39/40</td>
<td bgcolor=#55BBFF align=center>41/40</td>
<td bgcolor=#FFD700 align=center>40/40</td>
</tr>
<tr>
<td bgcolor=#CCCCFF>国主/支持</td>
<td bgcolor=#EE9999 align=center>白遼獅/24</td>
<td bgcolor=#00EEEE align=center>光/33</td>
<td bgcolor=#88EE88 align=center>ナポレオン/36</td>
<td bgcolor=#FFCCFF align=center>モンゴル/20</td>
<td bgcolor=#55BBFF align=center>雷/46</td>
<td bgcolor=#FFD700 align=center>幻絨朗/13</td>
</tr>
<tr>
<td bgcolor=#CCCCFF>副国主/支持</td>
<td bgcolor=#EE9999 align=center>幻散華/19</td>
<td bgcolor=#00EEEE align=center>けろろん/17</td>
<td bgcolor=#88EE88 align=center>カオス/19</td>
<td bgcolor=#FFCCFF align=center>シャアラ/8</td>
<td bgcolor=#55BBFF align=center>時給800万円/17</td>
<td bgcolor=#FFD700 align=center>シオン/11</td>
<tr><td bgcolor=#CCCCFF style=size:8px;white-space:nowrap; >ｱﾙﾒﾘｱ王国
</td><td bgcolor=#EE9999 ></td><td bgcolor=#00EEEE align=center >-</td><td bgcolor=#88EE88 align=center >-</td><td bgcolor=#FFCCFF align=center >-</td><td bgcolor=#55BBFF align=center >同盟</td><td bgcolor=#FFD700 align=center >-</td></tr><tr><td bgcolor=#CCCCFF style=size:8px;white-space:nowrap; >ﾌﾗﾘﾝ教国
</td><td bgcolor=#EE9999 align=center >27</td><td bgcolor=#00EEEE ></td><td bgcolor=#88EE88 align=center >-</td><td bgcolor=#FFCCFF align=center >-</td><td bgcolor=#55BBFF align=center >-</td><td bgcolor=#FFD700 align=center >同盟</td></tr><tr><td bgcolor=#CCCCFF style=size:8px;white-space:nowrap; >ｲｷﾞｽ連合国
</td><td bgcolor=#EE9999 align=center >62</td><td bgcolor=#00EEEE align=center >19</td><td bgcolor=#88EE88 ></td><td bgcolor=#FFCCFF align=center >同盟</td><td bgcolor=#55BBFF align=center >-</td><td bgcolor=#FFD700 align=center >-</td></tr><tr><td bgcolor=#CCCCFF style=size:8px;white-space:nowrap; >ｿｰﾃﾞｨﾅ帝国
</td><td bgcolor=#EE9999 align=center >18</td><td bgcolor=#00EEEE align=center >23</td><td bgcolor=#88EE88 align=center >83</td><td bgcolor=#FFCCFF ></td><td bgcolor=#55BBFF align=center >-</td><td bgcolor=#FFD700 align=center >-</td></tr><tr><td bgcolor=#CCCCFF style=size:8px;white-space:nowrap; >ﾔﾏﾄ神国
</td><td bgcolor=#EE9999 align=center >66</td><td bgcolor=#00EEEE align=center >2</td><td bgcolor=#88EE88 align=center >42</td><td bgcolor=#FFCCFF align=center >62</td><td bgcolor=#55BBFF ></td><td bgcolor=#FFD700 align=center >-</td></tr><tr><td bgcolor=#CCCCFF style=size:8px;white-space:nowrap; >ｸﾞﾗｰﾙ皇国
</td><td bgcolor=#EE9999 align=center >49</td><td bgcolor=#00EEEE align=center >90</td><td bgcolor=#88EE88 align=center >40</td><td bgcolor=#FFCCFF align=center >39</td><td bgcolor=#55BBFF align=center >34</td><td bgcolor=#FFD700 ></td></tr>
<tr>
</table>
<!-- ここまで -->
</td>
</tr>
</table>
</td>
<td align="right" valign="top" width="190">
<table width="190" border="0" cellspacing="4" cellpadding="4" bgcolor="#444466" height="140">
<tr>
<td bgcolor="#000000" align="left" valign="top" class="moji2">
<hr size="2" noshade color="#9999bb"width=160>
○最新偵察情報○<br><font color=yellow>傭兵</font>から<br>10/24 19:46:56 <font color = #EE9999>ｱﾙﾒﾘｱ王国</font>の <br>兵糧 4786969 国資金 395886 <br>兵士数 8467638 兵訓練度 1 <br>治安 199 です
</td>
</tr>
</table>
<br>
<table width="190" border="0" cellspacing="4" cellpadding="4" bgcolor="#444466" height="140">
<tr>
<td bgcolor="#000000" align="left" valign="top" class="moji2">
<div align="center">- System Infomation -</div>
<hr size="2" noshade color="#9999bb" width="100%">
第 148 期<br>
統一期限まで 後 12日<br><br>
参加総数: 240名 / 240人定員<br>
統一国力: 12857 難易度: 0.43
<hr size="2" noshade color="#9999bb"width=160>
前覇者: 白遼獅 [ｱﾙﾒﾘｱ王国]<br>
<hr size="2" noshade color="#9999bb"width=160>
HPTOP： シオン/501000<br>
MPTOP： kon/501000<br>
UATOP： ナポレオン/10050<br>
UDTOP： 李超狼/10015<br>
LRTOP： 李超狼/7800<br>
AGTOP： 虎/10010<br>
資金TOP： ナポレオン/2778964515<br>
戦勝TOP： 虎/1134<br>
一騎打ちTOP： ルーカス/1245<br>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
CPUs(0.06): User(0.06) System(0)<br><br>
<br>
<div align="right" style="font-size:12px">
罪と罰++ 二律背反 v02-04-16<br>
<a href="http://www17.big.or.jp/~obochan/vivid/" target="_blank" style="font-size:13px">Vivid Studio.</a><br>
<a href="http://pom.to/" target="_blank" style="font-size:11px">BLANK BOARD[ねっと遊園地♪]<br>
<img src="/bb.gif" border="0" alt="BLANK BOARD[ねっと遊園地♪]"></a>
</div>
</body>
</html>
-txtで貼り付けてあるのを押すと罪罰のステータス画面にとぶのでここに貼り付けさせてもらえました。ではお願いいたします -- [[傭兵]] &new{2004-10-24 (日) 23:05:18};
-一番上の例のようにコメント部分を削除してみてください。 -- [[あくあ]] &new{2004-10-25 (月) 12:38:19};
-＃のコメントを削除してやってみましたがまったくかわりません。 -- [[傭兵]] &new{2004-10-25 (月) 20:39:06};
-EOMがなんでHTMLに出てきてるんですかね〜、これはHTMLには出てこないはずなんですが。 -- [[あくあ]] &new{2004-10-25 (月) 21:25:23};
-すいませんがちょっとわからないですね。それじゃぁ諦めたりしたほうがよろしいですか？ -- [[傭兵]] &new{2004-10-26 (火) 22:37:25};
-いつもお世話になってますm(_ _)m 早速ですが、待ち時間表示を導入したのですが現状維持(更新)する度にカウントが10秒くらい縮まってしまいます。どうしたらいいでしょうか？ -- [[six]] &new{2006-11-03 (金) 18:17:04};
#comment
