javascriptは簡単なページカウントダウンを実現します。
本論文の実例は、Javascriptが簡単なページカウントダウンを実現するための具体的なコードを共有しています。
話を多くしないで、直接コードを貼ります。
時間:
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。
話を多くしないで、直接コードを貼ります。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
body
{
color:red;
text-align: center;
}
.one{
color:black;
text-align:center;
}
</style>
</head>
<body>
<p>
<br>
， ！
</p>
<form name="form1">
<input type="text" id="a" size=1 name="a">
<input type="text" id="b" size=1 name="b">
<input type="text" id="c" size=1 name="c">
<input type="text" id="d" size=1 name="d">
<input type="text" id="e" size=1 name="e">
<input type="text" id="f" size=1 name="f">
<br>
<div id="time" value=" "></div>
<script>
function getdate(clock){
var now=new Date();
var y=now.getFullYear()
var m=now.getMonth()
var d=now.getDate()
var day=now.getDay()
var h=now.getHours()
var minu=now.getMinutes()
var s=now.getSeconds()
m+=1;
var array=new Array(" "," "," "," "," "," "," ")
var nowtime=y+" "+m+" "+d+" "+array[day]+" "+h+" "+minu+" "+s+" ";
clock.innerHTML=" ："+nowtime;
}
window.onload=function(){
window.setInterval("getdate(time)",1000)
}
</script>
<input type="button" value=" " onclick="leftTime()">:
：
<input type="text" id="cha" >
<script>
var flag=1;var t;
function leftTime(){
if(flag==0){flag=1;}
year=document.getElementById("a").value;
month=document.getElementById("b").value;
day=document.getElementById("c").value;
hour=document.getElementById("d").value;
minute=document.getElementById("e").value;
second=document.getElementById("f").value;
var leftTime = (new Date(year,month-1,day,hour,minute,second)) - (new Date());
//
if(leftTime>0){
var days = parseInt(leftTime/1000/60/60/24,10); //
var hours = parseInt(leftTime/1000/60/60%24,10); //
var minutes = parseInt(leftTime/1000/60%60,10);//
var seconds = parseInt(leftTime/1000%60,10);//
document.getElementById("cha").value=days+" " + hours+" " + minutes+" "+seconds+" ";
}
else{
document.getElementById("cha").value="0 0 0 0 ";
alert(" ， ！")
flag=0;clearInterval(t);
}
if(flag==1){
t=setInterval("leftTime()",1000);
flag=2;
}
}
</script>
</form>
</body>
</html>時間:
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。