美文网首页
网页倒计时

网页倒计时

作者: 白菜福 | 来源:发表于2018-03-13 20:40 被阅读0次

倒计时做法分析

所需要的数据目标时间,现在的时间,因系统初始时间为1970年,所以要获得的数据--1970年到目标时间的毫秒(ms)数减去 1970到现在时间 的毫秒(ms)。然后利用天,时,分,秒,毫秒之间的关系进行换算。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
          //设置倒计时函数
            function show(){
            var da=new Date()       //获取现在的时间   
            var dad=new Date("2018-6-15 22:53:00")  //设定的目标时间
            var l= dad.getTime()  // 获取目标时间的毫秒数
            var r=da.getTime()  //获取现在时间的毫秒数
            t=l-r    //距离目标的时间差
            var ms = t % 1000  //取余得到毫秒
            var t =  (t-ms) /1000  //剩余的时间秒
            var second = t % 60
            var t = (t-second) / 60
            var minute = t % 60
            var t = (t-minute) / 60
            var hour = t % 24
            var t=(t-hour) / 24
            var dy = t  
            //距离现在时间
            var countdown ="距离现在还有" + dy + "天" + hour + "小时" + minute + "分钟" + second + "秒" + ms + "毫秒"
            document.getElementById("nowDiv").innerHTML=countdown; //通过id进行获取数据
            setTimeout("show()",1000)//设置刷新时间
            }
            
            
        </script>
    </head>
    <body onload="show()">//加载函数
        <span id="nowDiv"></span>
        
    </body>
</html>
倒计时.jpg

代码不足的地方请多多关照!

相关文章

  • 网页倒计时

    倒计时做法分析 所需要的数据目标时间,现在的时间,因系统初始时间为1970年,所以要获得的数据--1970年到目标...

  • 手机版网页js倒计时存在的问题与解决的方法

    在手机版网页中做倒计时(使用服务端时间来倒计时)我们需要考虑到两个问题:1、避免频繁的取服务端时间,2、手机处于锁...

  • AJAX数据交互中的同步异步

    最近在测试开发一个答题小游戏手机web端碰到一个问题,需求是倒计时60s答题时间,但是在刷新网页过程中,发现倒计时...

  • 使用JS实现一个"时:分:秒"的倒计时器

    有学员问我,实现网页上常见的倒计时器的思路是什么,其实只需要掌握住setInterval()和setTimeout...

  • 用原生JS实现一个倒计时

    在网页开发以及日常购物网站中,我们常常会接触到倒计时这个模块,尤其像在“双11” “双12” “618”...这些...

  • javascript倒计时

    以前做的JSP青鸟论坛里的一个JS功能,用于网页倒计时,在BODY的ONLOAD中启动那个函数即可。 var i=...

  • 利用Worker实现倒计时

    在Worker未出现时,在网页上实现一个读秒的倒计时大概是这样 或者用setTimeout的方式实现但是用setI...

  • 高考,一场温暖的邂逅

    无意间在网页搜索“高三”这个词,出现的是高考倒计时,“距离高考还有十一天。”隔着屏幕都能感觉到紧张,而那...

  • iOS启动广告页显示思路

    上周刚做了启动时看到广告页面。广告页是否可以点击,以及点击后要展示的网页,倒计时时长 都由后台数据决定。 我的思路...

  • 毕业倒计时56天

    这是昨天的记录,到中午才放出来,今天五一。 毕业倒计时56天 早上做了德国邮政和海关,翻译了些英文,给一个网页的版...

网友评论

      本文标题:网页倒计时

      本文链接:https://www.haomeiwen.com/subject/uzjtqftx.html