js实现倒计时

<!DOCTYPE html>
<html>
<title>Web Page Design</title>
<head>
<script src="script.js"></script>
</head>
<body>
<div id="starttext" onclick="passStart()"></div>
</body>
</html>

//倒计时3秒，然后弹出Hello,word!
var timeleft =3;
var int=self.setInterval("passStart()",1000);
function passStart()
{
     console.log(timeleft)
    
          if(timeleft===-1){
             sayHello ();
          }else{
           document.getElementById('starttext').innerHTML='跳过('+timeleft+')';
           --timeleft;
          }
          
}
function sayHello(){
    alert("Hello,word!");
}
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • js实现倒计时
    年底大家都盼着回家过春节，闲着无聊用js实现一个火车出发倒计时的小例子。用到的知识是javascript的Date...
    唐小红阅读 591评论 0赞 4
  • JS 实现倒计时
    利用 window.setInterval() 实现倒计时 演示 >> 示例： window.setInterva...
    红叶丶秋鸣阅读 883评论 0赞 1
  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,854评论 1赞 92
  • 【读书笔记】Inclusive Front-End Design Patterns
    The following contents are digested from Heydon Pickering...
    HongyangWang阅读 733评论 0赞 1
  • 高兴的日子
    今天呢，是个高兴的日子。因为呢，跳完舞我就可以去万利表演了，大家都可以看到我的演出。
    妞妞5阅读 173评论 0赞 0