`

setInterval对某个数值加加渐减

    博客分类:
  • js
 
阅读更多
decrease_time = setInterval(decrease_opacity_val,10);
function decrease_opacity_val(){
	showID.style.opacity = showID.style.opacity - 0.01;	
	if(showID.style.opacity == 0)
	{
		clearInterval(decrease_time);
		showID.style.display = "none";
		showID.style.opacity = "";
		
		
		leftID.style.display = "block";
		leftID.style.opacity = 0;

		increase_time = setInterval(increase_opacity_val,10);
	}
}


function increase_opacity_val(){
//加加需要使用parseFloat转换
	leftID.style.opacity = parseFloat(leftID.style.opacity) + 0.01;	
	if(leftID.style.opacity == 1)
	{
		clearInterval(increase_time);
		leftID.style.opacity = "";
	}

}

 

分享到:
评论

相关推荐

    setInterval 引起的性能问题

    在JavaScript编程中,`setInterval`是一个非常常用的函数,它用于定期执行某个任务。然而,如果不正确地使用,`setInterval`可能导致各种性能问题。这篇博客文章“setInterval引起的性能问题”探讨了这些问题以及...

    setInterval

    在JavaScript中,`setInterval`是一个非常重要的全局函数,它用于执行指定的函数或表达式,每隔一定的时间间隔。这个时间间隔通常以毫秒为单位。`setInterval`是JavaScript定时器API的一部分,用于实现定时任务,...

    window.clearInterval与window.setInterval的用法.

    `window.clearInterval`函数用于取消由`setInterval`设置的某个定时器。其基本语法结构为: ```javascript window.clearInterval(id); ``` - **参数说明**: - `id`: 定时器的唯一标识符,即`setInterval`函数...

    setInterval阻塞解决方案完整代码

    前端开发中,我们会会经常使用定时器setinterval setTimeout等,但当我们离开页面时,定时器会被阻塞,导致我们再回到页面的时候定时任务会混乱运行,为些我的解决方案写了个简单demo,希望对你有所帮助

    关于JS定时器(setTimeout setInterval)定时不准问题1

    在JavaScript中,setTimeout和setInterval是两个基本的定时器函数,用于实现延迟执行或循环执行某个函数。然而,这两个函数在执行时往往和我们设置的延迟时间有出入。本文将深入探讨JS定时器的执行机制,分析why ...

    关于setInterval定时器的使用示例

    在JavaScript中,`setInterval`是一个非常常用的函数,用于定期执行某个函数或代码块。它在Web开发中扮演着重要角色,特别是在创建动画效果、定时更新内容或者执行后台任务时。下面我们将深入探讨`setInterval`的...

    Js动画效果-setInterval(function,time)的主要应用

    通过设定合适的函数和时间间隔,我们可以实现特定时间后的动作触发,比如提醒用户某个事件即将发生。 3. **数据轮播**: 在网页设计中,经常需要实现图片轮播或内容切换的效果。`setInterval()`可以配合其他DOM...

    Javascript中, setTimeout() 和 setInterval() 的方法

    而`setInterval()`函数则会周期性地执行某个函数,直到被`clearInterval()`清除: ```javascript setInterval(function, delay); ``` 与`setTimeout()`类似,`setInterval()`的第二个参数也是一个延迟时间,但区别...

    Javascript定时器(二)——setTimeout与setInterval

    在这个主题中,我们将深入探讨`setTimeout`和`setInterval`这两个核心定时器函数,它们在JavaScript中的应用以及它们之间的区别。 首先,`setTimeout`函数用于在指定的毫秒数后调用一个函数或执行一段代码。它的...

    setInterval使用 每隔一定时间执行操作

    在JavaScript中,`setInterval` 是一个非常重要的定时器函数,它允许我们在指定的时间间隔后重复执行某段代码。这个函数对于创建动态效果、轮询数据或者实现定时任务等场景非常有用。本篇文章将深入探讨`setInterval...

    动态时钟,利用setInterval

    在JavaScript(JS)中,`setInterval`是一个非常重要的函数,尤其对于初学者而言,它提供了在指定间隔重复执行某段代码的能力。这个功能在创建动态时钟、定时任务、实时更新显示等场景中十分常见。现在我们来深入...

    setInterval全面的介绍

    本文将对`setInterval`进行一次全面而深入的探讨,包括其基本用法、工作原理以及在实际开发中的应用。 #### 基本概念与用法 `setInterval`的主要作用是每隔一段固定的时间执行指定的函数或者代码块。它的语法结构...

    超级简单利用setInterval设置定时自动跳转的例子

    例如,如果你想每5秒钟执行一次某个操作,可以这样写: ```javascript setInterval(function() { console.log('这是每5秒执行一次的代码'); }, 5000); ``` 在我们的定时自动跳转场景中,我们希望在特定时间(比如...

    setTimeout和setInterval的区别

    在JavaScript中,定时执行任务是通过`setTimeout`和`setInterval`这两个函数来实现的。它们都是用于在指定延迟后执行代码,但它们之间存在显著的区别。 `setTimeout`函数用于在给定的`DelayTime`(延迟时间)过后...

    使用setInterval()模拟进度条

    使用setInterval()模拟进度条 使用setInterval()模拟进度条

    CSS3 translate实现轮播图丝滑般翻页,setInterval实现定时器等常见操作。

    这是JavaScript中的一个定时器方法,用于在指定的时间间隔内重复执行某个函数。在轮播图的自动播放功能中,`setInterval`起到了关键作用。例如,我们设定每隔2秒钟自动执行一次翻页功能,可以这样编写: ```...

    setInterval定时调用ajax实现在线人数统计-你得到了正确的数据那才是你会了,-

    `setInterval`是JavaScript提供的一个定时器函数,它可以按照指定的时间间隔重复执行某个函数。在这个场景中,`setInterval`被用来每隔一段时间就发送一次Ajax请求,以更新在线人数的统计信息。时间间隔通常设置为几...

    Java Script中setinterval怎么用?怎么才能让setinterval停下来?.pdf

    在JavaScript中,`setInterval`是一个非常有用的函数,它允许我们周期性地执行某个任务。这对于实现定时器、动画等效果非常关键。 #### 基本语法 `setInterval`的基本语法如下: ```javascript var intervalID = ...

    javascript之setTimeOut和setInterval的用法

    使用SetInterval和设定延时函数setTimeout 很类似。setTimeout 运用在延迟一段时间,再进行某项操作。

Global site tag (gtag.js) - Google Analytics