<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

        <div id="mammonImg" class="mammonImg">

            <img src="img/mammon.png"/>

        </div>

    </body>

    <script>

        var _cammon = {};

        _cammon.animation = function(){

                //判断手机当前日期如果大于或者等于2017年1月27日并且小于2017年2月3日显示动画

                if(_cammon.getNowFormatDate() >= "20170127" && _cammon.getNowFormatDate() < "20170204"){

                    var lUserId = Number(getStringValue("lUserId")); //获取用户ID

                    var yearDayDate = getStringValue(_cammon.getNowFormatDate()+lUserId);//获取当前存的K值

                    //判断当前日期K值不存在就显示动画

                    if(yearDayDate == "" || yearDayDate == undefined || yearDayDate == null){

                        setTimeout(function(){

                            $("#mammonImg").addClass("cammonAnimation");

                        },500);

                        setTimeout(function(){

                            $("#mammonImg").removeClass("cammonAnimation");

                            $("#mammonImg").addClass("cammonAnimation1").show();  //360旋转

                        },3000);

                        setTimeout(function(){

                            $("#mammonImg").removeClass("cammonAnimation1");

                            $("#mammonImg").addClass("cammonAnimation2");

                        },7000);

                        setTimeout(function(){

                            $("#mammonImg").hide();

                        },8000);

                        //保存当前日期的K值

                        setStringValue(_cammon.getNowFormatDate()+lUserId, _cammon.getNowFormatDate()+lUserId);

                    }

            }

        };

        _cammon.getNowFormatDate = function(){

               var date = new Date();

               var seperator1 = "-";

               var year = date.getFullYear();

               var month = date.getMonth() + 1;

               var strDate = date.getDate();

               if (month >= 1 && month <= 9) {

                   month = "0" + month;

               }

               if (strDate >= 0 && strDate <= 9) {

                   strDate = "0" + strDate;

               }

               var currentdate = year + month + strDate;

               return currentdate;

        };

    </script>

</html>

在规定的时间内出现动画.html的更多相关文章

  1. Silverlight 动画详解

    Animation规则 基于时间:你设置动画的初始状态,最终状态,及持续时间,Silverlight会计算帧速率. 作用于属性(properties):一个Silverlight动画只能做一件事情,在 ...

  2. CSS3的变形transform、过渡transition、动画animation学习

    学习CSS3动画animation得先了解一些关于变形transform.过渡transition的知识 这些新属性大多在新版浏览器得到了支持,有些需要添加浏览器前缀(-webkit-.-moz-.- ...

  3. 从零开始学习jQuery (七) jQuery动画-让页面动起来!

    一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案,  即使你会使用jQuery也能在阅读中发现些许秘籍. 开发人员一直痛疼做动画. 但是有了jQuery你 ...

  4. css3 动画(animation)-简单入门

    css3之动画(animation) css3中我们可以使用动画,由于取代以前的gif图片,flash动画,以及部分javascript代码(相信有很多同学都用过jquery中的animate方法来做 ...

  5. JQuery（二）---- JQ的事件与动画详解

    JQuery的事件 /** * 1.事件绑定的快捷方式: */ $("button:eq(0)").dblclick(function(){ alert("hahaah& ...

  6. CSS-弹性布局-动画-过渡

    1.弹性布局 1.项目的属性 该组属性只能设置在某项目元素上,只控制一个项目,是不影响容器以及其他项目的效果. 1.order 作用:定义项目的排列顺序,值越小,越靠近起点,默认值是0 取值:整数数字 ...

  7. Wpf(Storyboard)动画简单实例

    原文:Wpf(Storyboard)动画简单实例 动画的三种变换方式 RotateTransform:旋转变换变化值:CenterX围绕转的圆心横坐标 CenterY纵坐标 Angle旋转角度(角度正 ...

  8. 完整学习使用CSS动画【翻译】

    注:原文有较大改动 使用keyframes, animation属性,例如timing,  delay, play state, animation-count, iteration count, d ...

  9. iOS核心动画详解（一）

    前言 这篇文章主要是针对核心动画(Core Animation)的讲解,不涉及UIView的动画.因为内容较多,这篇文章会分为几个章节来进行介绍.本文主要是介绍核心动画的几个类之间的关系和CAAnim ...

随机推荐

  1. Cocos2d 之FlyBird开发---GamePlay类

    |   版权声明:本文为博主原创文章,未经博主允许不得转载. 这个是游戏的核心部分:(FlyBird游戏重中之重) 创建一个物理世界(世界设置重力加速度) 在物理世界中添加一个动态的刚体(小鸟) 在物 ...

  2. 转 什么是Mbps、Kbps、bps、kb、mb及其换算和区别

    Mbps 即 Milionbit pro second(百万位每秒): Kbps 即 Kilobit pro second(千位每秒): bps 即 bit pro second(位每秒): 速度单位 ...

  3. Spring Boot开启的2种方式

    Spring Boot依赖 使用Spring Boot很简单,先添加基础依赖包,有以下两种方式 1. 继承spring-boot-starter-parent项目 <parent> < ...

  4. 配置访问公网主机上的jupyter notebook

    文章结构: 一．安装python 二．安装并配置jupyter并配置jupyter 三．第一个python程序 一．安装python 1.1下载python安装包 # wget https://www ...

  5. HDU 5125 magic balls(线段树+DP)

    magic balls Time Limit: 6000/3000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total ...

  6. 【笔记目录2】【jessetalk 】ASP.NET Core快速入门_学习笔记汇总

    当前标签: ASP.NET Core快速入门 共2页: 上一页 1 2  任务27:Middleware管道介绍 GASA 2019-02-12 20:07 阅读:15 评论:0 任务26:dotne ...

  7. ftp搭建记录

    1.安装vsftpd的rpm包 rpm -ivh vsftpd-2.0.5-16.el5_4.1.i386.rpm 使用YUM命令安装 yum install vsftpd -y. 2.ftp命令 s ...

  8. WPF 基本图形

    一.WPF的基本图形 WPF图形的基类是Shape,所有的wpf图形类都是继承于Shape.Height,Width等决定它所处的面积,位置等,在没有设置图形宽高的情况,坐标位置为所在的容器的坐标,设 ...

  9. 二、Redis启动、停止、Redis命令行的操作

    1.redis命令 redis执行了make install后,redis的课执行文件都会自动复制到 /usr/local/bin 目录 redis-server redis服务器 redis-cli ...

  10. C# WinForm 提示框延迟自动关闭

    有时候我们需要弹出个提示框然后让它自己关闭,然而实际使用中的弹出框确实阻塞进程,网上貌似有一种另类的解决方式,大致思路是把弹出框放到另外的一个窗体上,直接贴代码 主窗体 using System; u ...