js实现div闪烁原理及实现代码
作者：whsnow 发布时间：2024-04-16 09:05:02
标签：闪烁
最近在学着用easyui，发现框架用起来果然是方便简洁，能弄出这框架的都是大神级别了吧，牛啊....
今天碰到这个应用可以说是让我非常之无语，整出源码来一看就明白了，可之前却还是感觉非常神奇，我也常常告诉自己，要多动脑筋，实际上有一些也的确有想过，但实在是效果很牵强，而当源码拿出来看的时候却又格外的明白，如果这时候我可以看到自己的表情，大抵就是一个纠结吧，如果说量变引起质变，那我的量还差的太多了，连见多识广都算不上，何谈创造啊。
先来分析下实现的原理吧，闪烁的原理是什么呢：其实就一个，display在none与block之间频繁的交替，这样说你明白了么。
还是先上代码：
html部分：
<div style="width: 50px;height: 50px;background-color: cyan;display: block;" id="showZone"></div>//是不是很熟悉啊
javascript部分：
window.onload=function(){
var obj=document.getElementById("showZone");
var timer=null;
obj.onclick=function(){
var i=0;
clearInterval(timer);
timer=setInterval(function(){
obj.style.display=i++％2?"none":"block";//还是有收获的，这个写法比if..else想必简单了好多
i>8&&clearInterval(timer);//这个短路用的经典啊
},80);
};
};
虽然原理上简单，但是前辈的代码比我个人编写的代码要简单太多了，还是很有收获的。
easyui也进入学习日程了，这一天天的是越排越满啊......加油,笨鸟飞飞飞.....
0
投稿猜你喜欢
- 前言学习一门新的语言肯定是要从他的基本语法开始，语法构成了整个程序设计的基础，从语法中我们也可以看到这门语言的一些特性，但是话说回来，语法这
- 1、去除一个数组中的重复元素：使用grep函数代码片段： 代码:my @array = ( 'a', 'b'
完整项目地址下载：https://github.com/rainbow-tan/rainbow/tree/master/％E8％A3％81％- 一、摘要Python使用被称为异常 的特殊对象来管理程序执行期间发生的错误。每当发生让Python不知所措的错误时，它都会创建一个异常对象。
- php代码实现读取文件头判断文件类型，支持图片、rar、exe等后缀。案例：<?php $filename = "11.jp
- 背景在业务数据统计分析中基本都会涉及到各省区的分析，数据可视化是数据分析的一把利器，这些省区的数据一般会用地图可视化出来，这样一些规律可以被
- 近来学习tp5的过程中，项目中有个发帖功能，选择主题图片。如下：利用原始的文件上传处理，虽然通过原始js语句能实时显示上传图片，但是这样的话
- 你是否对获得MySQL数据库与表的最基本命令的实际操作感到十分头疼？如果是这样子的话，以下的文章将会给你相应的解决方案，以下的文
- 等了好久终于等到了V8，赶紧测测效果，放张官网的比对图官网链接https://github.com/ultralytics/ultralyt
- 本文实例讲述了Python Web框架之Django框架文件上传功能。分享给大家供大家参考，具体如下：上传方式：- Form表单上传文件-
- 我就废话不多说了，大家还是直接看代码吧！# -*- coding:utf-8 -*- # File: ceshitianqiimport u
- 假设有2个有序列表l1、l2，如何效率比较高的将2个list合并并保持有序状态，这里默认排序是正序。思路是比较简单的，无非是依次比较l1和l
- 首先，你需要去有道翻译API官网去申请key：http://fanyi.youdao.com/openapi?path=data-mode得
- 1.由于数据库设计问题造成SQL数据库新增数据时超时症状:Microsoft OLE DB Provider for SQL Server
- 功能：获取android设备中某一个app的cpu和内存环境：python和adb使用方法：使用adb连接android设备，打开将要测试的
- 1、安装所需工具pip install pipreqs2、进入到python项目主目录pipreqs ./3、完成上面命令会生成requir
- laravel-admin后台框架的select选择框的默认选中，结合select2的js插件；文档http://laravel-admin
- 1、cd /usr/local/ ##进入local目录2、cp /home/soft/MySQL-5.7.15-Linux-glibc2.
- 本文实例为大家分享了python matlibplot绘制3D图形的具体代码，供大家参考，具体内容如下1、散点图使用scatterfrom
- 前言本篇使用Python Web框架Django连接和操作MySQL数据库学生信息管理系统(SMS),主要包含对学生信息增删改查
