Home > Article > Web Front-end > Detailed explanation of how to implement the countdown time difference effect in Javascript
Detailed explanation of how to implement the countdown time difference effect in Javascript
- 黄舟Original
- 2017-05-21 11:37:441030browse
This article mainly introduces in detail the Javascript implementation of the countdown time difference effect, which has a certain reference value. Interested friends can refer to it
The examples in this article are shared with everyone. The implementation code of jscountdown time difference effect is provided for your reference. The specific content is as follows
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>当前系统时间</title>
<link rel="stylesheet" href="style.css" />
<script language="javascript" type="text/javascript">
window.onload = function(){
showTime();
}
function checkTime(i){ //补位处理
if(i<10){
i='0'+i;
}
return i;
}
function showTime(){
var now=new Date();
var year= now.getFullYear();
var month= now.getMonth()+1;
var day= now.getDate();
var h= now.getHours();
var m= now.getMinutes();
var s= now.getSeconds();
m=checkTime(m);
s=checkTime(s);
var weekday=new Array(7)
weekday[0]="星期日"
weekday[1]="星期一"
weekday[2]="星期二"
weekday[3]="星期三"
weekday[4]="星期四"
weekday[5]="星期五"
weekday[6]="星期六"
document.getElementById("show").innerHTML=""+year+"年"+month+"月"+day+"日 "+ ? +h+":"+m+":"+s;
t=setTimeout('showTime()',500)
}
</script>
</head>
<body>
<p class="content1">
<p id="show">显示时间的位置</p>
</p>
</body>
</html>The above is the detailed content of Detailed explanation of how to implement the countdown time difference effect in Javascript. For more information, please follow other related articles on the PHP Chinese website!
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn