javasScript实现倒计时
2018-07-20 来源:open-open
这个功能是完全利用javascript实现的一个小功能
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
window.onload = Watch;//页面加载时调用Watch()函数
function Watch() {
var span = document.createElement("sapn");
span.innerHTML = "120:00";
var s = 60;//用来记录秒,因为需求是从1开始的。
var m = 119;//用来记录分钟
var w = setInterval(function () {
s--;
if (s == 00) {//当秒跑到60时,分钟加1,秒钟从0开始。
m--;
s = 60;
}
span.innerHTML = m + ":" + (s < 10 ? "0" + s : s); //显示时间(秒小于10时,前补0)
//到过5分钟时停止
}, 1000); //每1000毫秒即1秒执行一次此函数
document.getElementById("Show").appendChild(span);//显示到页面上
}
</script>
</head>
<body>
<div id="Show" style="text-align:center"></div>
</body>
</html>
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点!
本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。
最新资讯
热门推荐