`
huhu_long
  • 浏览: 72366 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

js timer

 
阅读更多
最近US那边问了个有关页面上button控制的问题。 如下:

引用
当某几个字段的值都不为空的时候显示button, 只要有一个部位空则隐藏之。


于是乎便有了如下代码:

<div style="height:0px;width:100%;">
    <script language="javascript">
        var targetElmt0 = document.getElementById('A0.R0.Estimated Close Date');
        var targetElmt1 = document.getElementById('A0.R0.Lead Source');
        var targetElmt2 = document.getElementById('A0.R0.Campaign Name');
        var targetElmt3 = document.getElementById('A0.R0.Industry Name - Translation');
        var targetElmt4 = document.getElementById('A0.R0.Annual Revenue');
		
        var targetValue0, targetValue1, targetValue2, targetValue3, targetValue4;
        if(targetElmt0 != null)
            targetValue0 = targetElmt0.innerHTML;
        if(targetElmt1 != null)
            targetValue1 = targetElmt1.innerHTML;
        if(targetElmt2 != null)
            targetValue2 = targetElmt2.innerHTML;
        if(targetElmt3 != null)
            targetValue3 = targetElmt3.innerHTML;
        if(targetElmt4 != null)
            targetValue4 = targetElmt4.innerHTML;
			
        if((targetValue0 == null || targetValue0 == '&nbsp;') || (targetValue1 == null || targetValue1 == '&nbsp;') ||
           (targetValue2 == null || targetValue2 == '&nbsp;') || (targetValue3 == null || targetValue3 == '&nbsp;') ||
           (targetValue4 == null || targetValue4 == '&nbsp;'))
            document.getElementById('BTN_TB_LeadDetailForm_ConvertLead').style.display = "none";
    </script>
</div>


US 看了说 "Very cool! It does work!", 但是他想在用户填完所有字段后又把那个button显示出来. 于是他的idea是加个web link 放到页面上, 默认是隐藏的, 然后想通过某中方法去判断是否该显示这个web link, 在然后用户可以点这个web link来刷新整个页面, 这是那个button就可以点了。。。。。。oh, my god!!!!!!!

有这么麻烦么??? 是不是一个timer就搞定了??? 有模有???
<div style="height:0px;width:100%;">
    <script language="javascript">
	    var allFilled = checkIfAllFilled();
		if(!allFilled) hide();
		
		var intervalID = setInterval("show()", 1000);
	
	    function checkIfAllFilled() {
			var targetElmt0 = document.getElementById('A0.R0.Estimated Close Date');
			var targetElmt1 = document.getElementById('A0.R0.Lead Source');
			var targetElmt2 = document.getElementById('A0.R0.Campaign Name');
			var targetElmt3 = document.getElementById('A0.R0.Industry Name - Translation');
			var targetElmt4 = document.getElementById('A0.R0.Annual Revenue');
			
			var targetValue0, targetValue1, targetValue2, targetValue3, targetValue4;
			if(targetElmt0 != null)
				targetValue0 = targetElmt0.innerHTML;
			if(targetElmt1 != null)
				targetValue1 = targetElmt1.innerHTML;
			if(targetElmt2 != null)
				targetValue2 = targetElmt2.innerHTML;
			if(targetElmt3 != null)
				targetValue3 = targetElmt3.innerHTML;
			if(targetElmt4 != null)
				targetValue4 = targetElmt4.innerHTML;
				
			if((targetValue0 == null || targetValue0 == '&nbsp;') || (targetValue1 == null || targetValue1 == '&nbsp;') ||
			   (targetValue2 == null || targetValue2 == '&nbsp;') || (targetValue3 == null || targetValue3 == '&nbsp;') ||
			   (targetValue4 == null || targetValue4 == '&nbsp;'))
			   return false;
			   
			return true;
		 }
		 
		 function hide() {
            document.getElementById('BTN_TB_LeadDetailForm_ConvertLead').style.display = "none";
		 }
		
		function show() {
			if(checkIfAllFilled()) {
				document.getElementById('BTN_TB_LeadDetailForm_ConvertLead').style.display = "block";
				clearInterval(intervalID);
			}
		}
    </script>
</div>


。。。。。。。。。 我是分割点 。。。。。。。。。。。。

老外就是这样, 一次不把需求说清楚, 本来自己也是想到了但怕画蛇添足所以就没加:
如果所有字段都填好的, 但现在null out任意一个, 则需要隐藏那个button.

简单是简单, 不过来回折腾了好几封邮件。。。恩就把show()方法改一下就好了
function show() {
			if(checkIfAllFilled()) {
				document.getElementById('BTN_TB_LeadDetailForm_ConvertLead').style.display = "block";
			} else {
				document.getElementById('BTN_TB_LeadDetailForm_ConvertLead').style.display = "none";
			}
		}
分享到:
评论

相关推荐

    JS-Timer.zip_ JS Timer_js Timer.js_js timer_timer.js

    总的来说,JS Timer项目提供了一个用JavaScript编写的计时器,它结合了`setTimeout`或`setInterval`与DOM操作,为用户提供了一种美观且实用的计时工具。通过对这些核心概念的理解,可以更好地学习和掌握JavaScript...

    jquery timer, -.1.2.js

    总结来说,jQuery Timer-.1.2.js版本是一个强大而灵活的定时器解决方案,它提供了丰富的接口供开发者调用,使得在JavaScript中处理定时任务变得简单。熟练掌握其用法,能有效提升Web应用的功能性和用户体验。在实际...

    前端项目-d3-timer.zip

    2. `script.js`: JavaScript代码文件,包含了使用d3.timer实现的动画逻辑。 3. `styles.css`: CSS样式文件,用于定义元素的样式和动画效果。 4. `data/`: 可能包含用于动画的数据文件,例如JSON或CSV格式。 5. `lib/...

    jquery.timer.js 动态显示时间

    《使用jquery.timer.js实现动态显示时间的深度解析》 在网页设计中,实时显示时间是一项常见的需求,例如倒计时、实时更新的时间戳等。jQuery作为一个广泛使用的JavaScript库,为开发者提供了丰富的功能和便利。而...

    timer:简单轻量级的 javascript 计时器

    计时器简单轻量级的 javascript 计时器开始在需要的地方包含 timer.min.js。 创建一个定时器实例:timer = new Timer ( &lt; callback&gt; , &lt; instance&gt; ); 调用 timer.start(duration) 函数。 每隔几秒,就会调用 ...

    Node.js-http-timer对HTTP请求进行计时

    Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,它让开发者能够在服务器端使用 JavaScript 进行编程。在开发 web 应用时,我们常常需要处理 HTTP 请求,而 `http-timer` 模块就是为了解决 Node.js 中对 ...

    jquery.timer.js

    Timer.js是jQuery的一个扩展插件,它允许你在JavaScript中创建可定制的计时器,以执行特定的函数或任务。只需2积分即可获取,作者鼓励用户支持开源社区,这样的精神值得我们点赞。下面我们将详细介绍Timer.js的核心...

    C#窗体的timer

    这意味着,如果Timer控件在UpdatePanel控件内部,JavaScript计时组件只有在一次回传完成后才会重新建立。 Timer控件的主要方法包括Start()和Stop()。Start()方法用于启动时钟进行计时,而Stop()方法用于停止时钟。...

    在JavaScript中使用timer示例

    在JavaScript编程中,timers(计时器)是一种常用的机制,它允许你指定一个代码段,在未来某个特定的时间间隔之后执行。JavaScript提供了两种主要类型的timers:`setTimeout`和`setInterval`。`setTimeout`用于在...

    ASP.NET中的TIMER控件

    Timer控件能够通过简单的方法让开发人员无需通过复杂的JavaScript实现Timer控制。但是从另一方面来讲,Timer控件会占用大量的服务器资源,如果不停的进行客户端服务器的信息通信操作,很容易造成服务器当机。 因此...

    timer组件显示图片

    `Timer`组件通常存在于各种编程框架中,例如.NET Framework(C#、VB.NET等)、Java(Swing、Android)以及JavaScript(浏览器环境)。在Windows Forms或WPF等桌面应用开发中,`System.Windows.Forms.Timer`是常用的`...

    Timer控件的使用方法

    在Web环境中,Timer控件通常是一个JavaScript或者jQuery对象,它能够周期性地触发一个事件,比如每秒或每分钟执行一次特定的函数。这样,我们就可以利用这个特性来更新网页上的时间显示。 1. **引入必要的库**: ...

    时钟Timer钟表Timer

    4. JavaScript:浏览器环境中使用setInterval和setTimeout函数,Node.js中可利用setInterval、setTimeout和process.nextTick方法。 5. C#:System.Threading命名空间下的Timer类提供了定时触发事件的能力。 五、...

    使用Timer的定时刷新

    在客户端,`Timer` 控件通过 JavaScript 代码周期性地触发回发,即模拟用户操作,使得页面能够定期与服务器进行通信,获取或更新数据。在服务器端,`Timer` 控件有一个 `Tick` 事件,当设置的 `Interval` 时间到达时...

    jquery.timers.js

    **jQuery Timers 插件...要使用`jquery.timers.js`,首先需要引入jQuery库(例如`jquery-3.3.1.min.js`),然后引入插件文件`jquery.timers-1.2.js`。之后,你就可以在jQuery对象上使用新的定时器方法了。 ```html ...

    cumulativetimer用于基准JavaScript应用程序的简单累积计时器

    《JavaScript应用程序中的累积计时器:cumulative-timer解析》 在JavaScript开发中,性能测试是优化代码的关键步骤。为了有效地衡量代码执行时间,开发者常常会利用各种计时工具。"cumulative-timer"就是这样一款专...

Global site tag (gtag.js) - Google Analytics