`
shuai1234
  • 浏览: 933460 次
  • 性别: Icon_minigender_1
  • 来自: 山西
社区版块
存档分类
最新评论

js加载倒计时

 
阅读更多

  <script>
   
  var loadtime=30*60*1000;
  function millisecondToDate(msd){
    var time = parseFloat(msd) / 1000;

        if (time > 60 && time < 60 * 60){
            time = parseInt(time / 60.0) + "分钟" + parseInt(time % 60.0)  + "秒";
        }
        else if (time >= 60 * 60 && time < 60 * 60 * 24){
            time = parseInt(time / 3600.0) + "小时" + parseInt(time / 60.0)+ "分钟" +parseInt(time % 60.0) + "秒";
        }
        else{
            time = parseInt(time) + "秒";
        }
   
    return time;
}

   //加载倒计时
        function initNumLoad(){
      var time;
            loadtime=loadtime-1000;
            if(loadtime < 0){
               clearInterval(interval_id);
            }else{
     time=millisecondToDate(loadtime);
     alert(time);
            }
           
        }
     
   function check(){
      interval_id=setInterval(initNumLoad, 1000);//循环调用
   }

  </script>

分享到:
评论

相关推荐

    js 特效 html 特效 倒计时载入页面

    js 特效 html 特效 倒计时载入页面 js 特效 html 特效 倒计时载入页面

    元旦倒计时代码-JavaScript新年(元旦)倒计时完整源码下载

    元旦倒计时代码|JavaScript新年(元旦)倒计时完整源码 加载loading、背景、倒计时完整源码,双击index.html在浏览器中打开查看效果。压缩包内函效果图截屏。

    自定义倒计时软件 2007-12

    本软件用于自定义时间 可设置开机自启动 可加载图片(1张),初始为奥运倒计时, 可按“Enter”进入设置。 标题为空时不显示。 L&T C★S 2007-12 Maker:TRB

    烟花倒计时源码.zip

    外面很多都是js加密了,或者就是扒的站很多css和js都是外部的加载很慢, 如果别人的站打不开了你搭建的也打不开, 所以把源码修改了一下外部文件都保存到本地了 跨年倒计时烟花表白HTML源码(无加密本地版), 外面...

    基于JavaScript实现自动更新倒计时效果

    主要为大家详细介绍了基于JavaScript实现自动更新倒计时效果,元旦倒计时代码分享,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    HTML新年倒计时效果源码.rar

    js方面使用原生js代码获取页面元素、首先设置新年时间(效果中默认时间为新年元旦)可自定义修改,获取当前年份,定义用于更新倒计时时间的函数,接着动态给指定元素添加数值,且定义函数用于页面加载时显示加载的...

    HTML网页圣诞倒计时主题3D旋转相册源码

    Page1:圣诞节倒计时效果 Page2:3D立方体旋转相册 Page3:3D旋转照片墙 Page4:圣诞贺卡 页面整体具有3D飘雪效果,两种翻页按钮均支持上下滑动翻页,操作方便效果酷炫 页面中倒计时时间、音乐及照片均支持自定义更换,...

    基于vue、react实现倒计时效果

    本文实例为大家分享了基于vue、react实现倒计时效果的具体代码,供大家参考,具体内容如下 Vue 方案一:俩个元素 HTML: &lt;button @click=send&gt; &lt;span v-if=sendMsgDisabled&gt;{{time+'秒后获取'}} !...

    es6-dessert:ES6小点心系列,包括通用弹窗,楼层定位,倒计时等等

    前端的交互效果常用的也就那么几种,比如弹窗,楼层定位,倒计时,下拉刷新,上拉加载更多等等。这些交互效果完全可以提出来做成通用的模块,以后不必再劳心费神去想怎么实现。就像 Swiper 封装了一个类来专门做轮播...

    跨年倒计时烟花表白HTML源码无加密

    跨年倒计时烟花表白HTML源码(无加密本地版),外面很多都是js加密了,或者就是扒的站很多css和js都是外部的加载很慢,如果别人的站打不开了你搭建的也打不开,所以把源码修改了一下外部文件都保存到本地了。

    CSS3 实现Loading加载,页面遮罩层的应用

    应用移动H5领域。CSS3 实现Loading加载,页面遮罩层的应用。

    UntilLater:JavaScript等到日期倒计时

    到后来 这是一个显示倒计时计时器直到给定日期的库。 到达日期后,将执行操作。 如果在给定日期之后加载页面,则该操作将立即运行。 安装依赖项 npm install 创建缩小版本 npm run build

    详解小程序毫秒级倒计时(适用于拼团秒杀功能)

    index.js Page({ /** * 页面的初始数据 */ data: { countdown:'' , endDate2: '2018-08-08 11:41:00' }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var that = this; that....

    GLGif:Three.js Gif 素材加载器

    格利夫简单的 Three.js Gif 加载器,基于@thespite 代码并使用 shachaf 的 JSGif。 使用此代码段,您可以在 THREE.Texture 数组中加载所有 Gif 帧,因此您可以随时绘制任何帧,以任何速度绘制整个或部分序列,或反转...

    React-count-down-clock:动画的倒计时时钟用react编写

    如果您进行编辑,则页面将重新加载。 您还将在控制台中看到任何棉绒错误。npm test 在交互式监视模式下启动测试运行器。 有关更多信息,请参见关于的部分。npm run build 构建生产到应用程序build文件夹。 它在生产...

    最简单的闹钟JS代码嵌入到可执行的HTML,并且带有注释

    闹钟是一种简单而实用的...这是非常重要的,因为如果我们不停止闹钟,它将继续播放声音并更新我们的倒计时时钟,直到页面被关闭或重新加载。 以上的代码可以轻松地嵌入到可执行的HTML文件中。我们只需要将代码复制到H

    JavaScript娇娆向日葵

    玩法:随着音乐节奏,点击左右按钮控制场景中人物...初始化UI(各种 Node 节点、倒计时组件、异步加载龙骨动画、动态加载预制资源) 判断是否授权,如果没有授权就动态创建button 游戏逻辑实现 游戏成绩上报 好友排行榜

    在Vue环境下利用worker运行interval计时器的步骤

    由于用的是vue-cli,在webpack下要安装worker-loader依赖才能单独加载worker.js npm install worker-loader --save-dev 更改 vue.config.js 文件的配置项 configureWebpack:{ module: { rules: [ { test: /\....

    release-countdown:HTML,CSS和JavaScript的简单发行倒计时

    我的(BI X)发行倒计时 这是一个小脚本,可以用纯HTML,CSS和JS实现发行倒数。 您可以在看到它的运行情况-那里没有跟踪发生 部署自己的版本时要考虑的因素 整个代码都可以重用(MIT许可证),但是如果要进行自己的...

    NewYear-Timer:React使用React App的新年倒计时:atom_symbol:

    如果您进行编辑,页面将重新加载。 您还将在控制台中看到任何 lint 错误。npm test 在交互式观察模式下启动测试运行器。 有关更多信息,请参见关于的部分。npm run build 将用于生产的应用程序构建到build文件夹。 ...

Global site tag (gtag.js) - Google Analytics