倒数数动画效果

查看演示 下载资源 下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

页面的head部分，需引入页面的样式文件，代码如下：

<link type="text/css" rel="stylesheet" href="css/style.css">

页面的body部分，在两个div容器里分别设置倒数数和完成后的元素显示，代码如下：

<div class="counter">
	<div class="nums">
		<span class="in">3</span>
		<span>2</span>
		<span>1</span>
		<span>0</span>
	</div>
	<h4>准备</h4>
</div>
<div class="final">
	<h1>开始</h1>
	<button id="replay">重来</button>
</div>

页面的底部，需引入一个JS文件来响应页面的事件，代码如下：

<script type="text/javascript" src="js/index.js"></script>