你好新手程序员。
在网站上需要这样的柜台? 如果是,请阅读文章,复制代码,并放置在您网站的页面上。
天 | 小时 | 分钟 | 秒 |
计数器计算您设置的特定日期的时间。
最常见的是销售结束的日,小时,分钟甚至秒。
但是,如果你展现出创造性的想象力,那么这样的小工具可以装饰新年快乐祝贺或指出你出生的确切时间。
好吧,或指定世界末日。
脚本不大,非常轻,并且不会影响加载页面的速度,因为它最后加载。
此外,jQuery没有在其中使用。
代码:
<script>
timeend= new Date(2018, 11, 20); // 计数器停止日期
function Timer() {
today = new Date();
today = Math.floor((timeend-today)/1000);
tsec=today%60;
today=Math.floor(today/60);
if(tsec<10)tsec='0'+tsec;
tmin=today%60;
today=Math.floor(today/60);
if(tmin<10)tmin='0'+tmin;
thour=today%24;
today=Math.floor(today/24);
document.getElementById('d').innerHTML=today;
document.getElementById('h').innerHTML=thour;
document.getElementById('m').innerHTML=tmin;
document.getElementById('s').innerHTML=tsec;
window.setTimeout("Timer()",1000);
}
</script>
<style>
.count {
margin: 0;
padding: 0;
text-align: center;
color: red;
font-family: Impact;
}
.table {
font-size: 18px;
}
th, td {
border-radius: 5px;
background: rgba(255, 215, 0, .6);
}
th {
font-size: 29px;
}
<style>
<body class="count" onload="Timer()">
<table align="center" cellspacing="5" cellpadding="5">
<tr>
<th><span> id="d"></span></th>
<th><span> id="h"></span></th>
<th><span> id="m"></span></th>
<th><span> id="s"></span></th>
</tr>
<tr>
<td>Дней</td>
<td>Часов</td>
<td>Минут</td>
<td>Секунд</td>
</tr>
</table>
</body>
Вот и весь код.
要在CMS上的站点的一个页面上安装计数器,如本文所述,脚本和html将直接插入到页面中,并在style.css文件中插入样式。
如果所有页面都需要计数器,则脚本和html将放置在header.php文件或footer.php文件中的任何位置。
样式再次在style.css中。
祝你创造性的成功