<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<span id='time' οnclick="timedCount()" >5</span>
</body>
</html>
<script>
var c=5
var t
function timedCount()
{
c=c-1
if(c != 0){
t=setTimeout("timedCount()",1000)
}
document.getElementById('time').innerHTML=c
}
/**
* C的初始值为5
* 当οnclick="timedCount()"后将初始值减1
* 如果C值不为零继续减1并调用setTimeout方法
* setTimeout方法参数1是一个回调函数,参数2而是每隔多少毫秒执行
* 当1秒后继续调用函数本身并在之后对span里的值重新赋值并依次执行上述操作
* 知道C不满足条件也就是时间为0时不再代用函数,也就结束了执行
*/
</script>
javascript实现简单的时间倒计时
最新推荐文章于 2023-07-29 14:11:01 发布