倒数计数器

你好新手程序员。

在网站上需要这样的柜台? 如果是,请阅读文章,复制代码,并放置在您网站的页面上。

小时 分钟

计数器计算您设置的特定日期的时间。

最常见的是销售结束的日,小时,分钟甚至秒。

但是,如果你展现出创造性的想象力,那么这样的小工具可以装饰新年快乐祝贺或指出你出生的确切时间。

好吧,或指定世界末日。

[blok]

脚本不大,非常轻,并且不会影响加载页面的速度,因为它最后加载。

此外,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中。

祝你创造性的成功

Рекомендую: Готовые HTML шаблоны на русском

此条目发表在免费网站脚本分类目录。将固定链接加入收藏夹。
А так же:

发表评论

电子邮件地址不会被公开。 必填项已用*标注