JavaScript時間の表示について
2734 ワード
1、ウェブページの滞在時間を表示する
との間に次のコードを入力します.
2、現在の日付を表示する
との間に次のコードを入力します.
3、現在の時刻を表示する
との間に次のコードを入力し、マークにコードonLoad="showTime()を入力します.
4、カウントダウン表示
との間に次のコードを入力します.
との間に次のコードを入力します.
<form name="time">
<input name="timebut" type="button" value="0 0 0 " style="width:100%; height:35px; color:#F00; font-size:20px; font-weight:bold"/>
</form>
<script language="javascript">
<!--
var sec=0;
var min=0;
var hou=0
idt = window.setTimeout("update();",1000);
function update(){
sec++;
if(sec==60){
sec=0;
min+=1;
}
if(min==60){
min=0;
hou+=1;
}
document.time.timebut.value=hou+" "+ min +" "+sec+" ";
idt = window.setTimeout("update();",1000);
}
-->
</script>
2、現在の日付を表示する
との間に次のコードを入力します.
<script language="javascript">
today = new Date();
function initArray(){
this.length=initArray.arguments.length;
for(var i=0;i<this.length;i++)
this[i+1]=initArray.arguments[i];
}
var d=new initArray(
" ",
" ",
" ",
" 3 ",
" ",
" ",
" "
)
document.write(
"<font color=#00FF00 style='font-size:20px; font-familay: ; font-weight:bold'>",
" :",
today.getYear()," ",
today.getMonth()+1," ",
today.getDate()," ",
d[today.getDay()+1],
"</font>"
);
</script>
3、現在の時刻を表示する
との間に次のコードを入力し、マークにコードonLoad="showTime()を入力します.
<script language="javascript">
function showTime(){
var now_time = new Date();
var hours = now_time.getHours();
var minutes = now_time.getMinutes();
var seconds = now_time.getSeconds();
document.clock.show.value=" :"+hours+" "+minutes+" "+seconds+" ";
setTimeout("showTime()",1000);
}
</script>
<form name="clock" onSubmit="0">
<input type="button" name="show" style=" background:#2E2E2E;width:100%; height:50px; color:#F00; font-size:20px; font-weight:bold">
</form>
4、カウントダウン表示
との間に次のコードを入力します.
<script language="javascript">
var timedate = new Date("June 1,2014");
var now = new Date();
var date = timedate.getTime() - now.getTime();
var time = Math.floor(date/(1000*60*60*24));
if(time>=0);
document.write(" :<font color=red><b>"+time+"</b></font> ")
</script>
// :January :February :March :April
// :May :June :July :August
// :September :October :November :December