20161208 JS计时器案例

来源:互联网 发布:编程代码有几种 编辑:程序博客网 时间:2024/06/09 19:40
定时器
我们有时候需要让某个代码每隔一段事件执行一次
setInterval("执行的函数",时间)

例子1:

100秒倒计时

 <script>
 var t=document.getElementById("t")
 var i=101
 function time(){
     if(i>0){
     i--
     t.innerHTML=i
 }
 else{
     t.innerHTML="时间到"
 }
 }
setInterval("time()",1000)


 </script>



例子2:

到元旦的倒计时

<script>
function time(){
    //目标时间
    var targetDate=new Date("2017/1/1")
    //获取当前时间
    var now = new Date()
    //目标时间和当前时间相差的毫秒
    var millon =targetDate.getTime() - now.getTime()
    var seconds =millon/1000
    //一天的毫秒数=24*60*60*1000
    var days = parseInt(seconds/(24*60*60))
    //剩余的小时=(millon - days *24*60*60*1000)/(60*60*1000)
    var hours =parseInt(seconds%(24*60*60)/3600)

    var minutes = parseInt(seconds%3600/60)

    var ss =parseInt(seconds%60)

    var divobj =document.getElementById("divobj")
    divobj.innerHTML="离2017年元旦还剩"+days+"天"+hours+"小时"+minutes+"分钟"+ss+"秒"
}
    setInterval("time()",1000)
</script>

0 0
原创粉丝点击