`
xuxiannian
  • 浏览: 52758 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js实现信息提示时间

阅读更多
 在屏幕右下角缓缓上升出现一个时间的提示。
<SCRIPT LANGUAGE="JavaScript">
<!--
	var userRemindTime=5;//供用户配置的提醒时间间隔,单位分钟
	var remindType="all";//供用户配置的提醒类型‘part’:一段时间内 , ‘all’:所有 
	var remindTime=userRemindTime*60000;
	var timeId;
	var oPopup = window.createPopup();
	var popTop=50;
	
	function popmsg(winstr){
		oPopup.document.body.innerHTML = winstr;
		popshow();
	}
	function popshow(){
		if(popTop>3220){
			clearTimeout(mytime);
			oPopup.hide();
			return;
		}else if(popTop>3020&&popTop<3220){
			oPopup.show(screen.width-250,screen.height,135,3220-popTop);
		}else if(popTop>3000&&popTop<3020){
			oPopup.show(screen.width-250,screen.height+(popTop-3220),135,90);
		}else if(popTop<180){
			oPopup.show(screen.width-250,screen.height,135,popTop);
		}else if(popTop<220){
			oPopup.show(screen.width-250,screen.height-popTop,135,90);
		}
		popTop+=10;
		var mytime=setTimeout("popshow();",50);
	}
	
	function close(){
		oPopup.hide();
	}
	var winstr="<table><tr><td><div style=\"algin:left;size:9px\">关闭</div></td></tr><tr><td><DIV id=flashcontent01><OBJECT id=flashcontent01 height=70 width=135 classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000><PARAM NAME=\"_cx\"VALUE=\"3572\"><PARAM NAME=\"_cy\" VALUE=\"1852\"><PARAM NAME=\"FlashVars\" VALUE=\"\"><PARAM NAME=\"Movie\"VALUE=\"http://info.2008.sohu.com/public_images/time_2.swf\"><PARAM NAME=\"Src\"VALUE=\"http://info.2008.sohu.com/public_images/time_2.swf\"><PARAM NAME=\"WMode\" VALUE=\"Transparent\"><PARAM NAME=\"Play\"VALUE=\"0\"><PARAM NAME=\"Loop\" VALUE=\"-1\"><PARAM NAME=\"Quality\" VALUE=\"High\"><PARAM NAME=\"SAlign\" VALUE=\"\"><PARAM NAME=\"Menu\"VALUE=\"0\"><PARAM NAME=\"Base\" VALUE=\"\"><PARAM NAME=\"AllowScriptAccess\" VALUE=\"\"><PARAM NAME=\"Scale\" VALUE=\"ShowAll\"><PARAM NAME=\"DeviceFont\" VALUE=\"0\"><PARAM NAME=\"EmbedMovie\" VALUE=\"0\"><PARAM NAME=\"BGColor\" VALUE=\"FFFFFF\"><PARAM NAME=\"SWRemote\" VALUE=\"\"><PARAM NAME=\"MovieData\" VALUE=\"\"><PARAM NAME=\"SeamlessTabbing\" VALUE=\"1\"><PARAM NAME=\"Profile\" VALUE=\"0\"><PARAM NAME=\"ProfileAddress\" VALUE=\"\"><PARAM NAME=\"ProfilePort\" VALUE=\"0\"><PARAM NAME=\"AllowNetworking\" VALUE=\"all\"><PARAM NAME=\"AllowFullScreen\" VALUE=\"false\"></OBJECT></DIV>";

	popmsg(winstr);
//-->
</SCRIPT>
分享到:
评论

相关推荐

    JS+css实现仿QQ空间信息提示框

    通过DOM操作,我们可以动态地创建、修改或删除页面元素,以此实现提示框的生成和更新。 CSS则是用来美化网页和元素的关键工具,它能帮助我们定义提示框的外观,包括颜色、字体、边框、阴影、位置等。对于仿QQ空间...

    js实现下班提示网页,倒计时钟表显示和时间显示,打工人必备源代码!

    js实现下班提示网页,倒计时钟表显示和时间显示,打工人必备源代码! js实现下班提示网页,倒计时钟表显示和时间显示,打工人必备源代码! js实现下班提示网页,倒计时钟表显示和时间显示,打工人必备源代码! js...

    javascript实现的圆角提示框

    在这个圆角提示框的实现中,JavaScript可能被用来监听用户的鼠标悬停事件,当鼠标停留在特定元素上时,显示提示框;当鼠标离开时,隐藏提示框。 ```javascript // 获取要添加提示框的元素 var element = document....

    javascript实现对考试时间的限制

    以上就是使用JavaScript实现考试时间限制的主要步骤和涉及的技术点。通过这些方法,我们可以创建一个功能完备且用户体验良好的在线考试系统。然而,实际开发中还可能涉及到其他细节,如防止作弊、优化性能以及提升...

    js实现页面加载完毕之前loading提示效果

    在本文中,我们将深入探讨如何使用JavaScript实现页面加载完毕之前的“loading”提示效果。这个效果可以在页面内容完全加载之前,向用户展示一个“页面加载中,请稍后...”的提示,以提升用户体验,避免用户在等待...

    jQuery实例-信息提示jQuery实现

    本实例将详细讲解如何利用jQuery实现信息提示功能,这一功能在用户交互中扮演着重要角色,能有效地向用户提供反馈信息。 首先,我们需要引入jQuery库。在HTML文件的`&lt;head&gt;`标签内,通过`&lt;script&gt;`标签从CDN(内容...

    js 简单的信息提示插件

    3. **动画效果**:使用CSS3动画或者JavaScript实现提示框的弹出和消失效果,提升用户体验。 4. **可配置选项**:支持设置提示框的位置、大小、背景色、字体等样式,以及关闭时间、是否自动关闭等行为选项。 5. **...

    javascript实现详细时间提醒信息效果的方法

    本文实例讲述了javascript实现详细时间提醒信息效果的方法。分享给大家供大家参考。具体如下: 我们经常在社交网络上面看到很人性化的时间提示比如,你的朋友几分钟前更新了什么,你的朋友几天前更新了什么信息. 这些...

    到时间自动提示倒计时js代码

    本项目涉及的是一个基于JavaScript实现的“到时间自动提示倒计时”功能,适用于那些希望在特定时间(例如下班时间)收到提醒的用户。这个功能可以提升用户体验,特别是在工作环境中,帮助员工更好地管理时间。 首先...

    js日期时间控件 JavaScriptjs日期时间控件 jsp

    本篇将深入探讨JavaScript日期时间控件的实现原理、使用方法以及与JSP(JavaServer Pages)的结合应用。 1. **JavaScript `Date` 对象** - `Date`对象是JavaScript内置的全局对象,用于处理日期和时间。可以通过...

    java+js实现下拉框提示搜索功能

    Java 和 JavaScript 结合实现下拉框提示搜索功能是前端开发中的常见需求,它极大地提升了用户交互体验,使得用户能够快速找到所需的信息。这种功能广泛应用于各种网页表单、搜索引擎、推荐系统等。以下是对这个主题...

    jquery_tips,JQ实现的冒泡提示

    main.js文件包含了实现冒泡提示的jQuery代码,其中关键部分如下: ```javascript $("#element").hover( function() { $("#tooltip").show(); }, function() { $("#tooltip").hide(); } ); $("#element")....

    js实现方便实用的时间控件

    总的来说,JavaScript实现的时间控件是网页交互设计中的一个重要组成部分,它使得用户能够更直观、便捷地输入时间信息。通过理解其工作原理和使用提供的资源,你可以轻松地在自己的网页应用中集成这样的功能。

    JS 实现浏览器的 title 闪烁、滚动、声音提示、通知,没有依赖. 它不会干扰任何 JavaScript 库或框架

    本文将深入探讨如何使用纯JavaScript实现浏览器的`title`闪烁、滚动、声音提示以及通知功能,而无需依赖任何外部库或框架。 首先,让我们关注`title`闪烁效果。在JavaScript中,可以利用`setInterval`函数定时更改...

    popup.js实现弹出消息提示框效果

    首先,`popup.js`的核心是利用JavaScript的DOM操作和事件处理来实现动态的弹窗功能。弹出消息提示框通常包含一些关键元素,如消息文本、关闭按钮等。在HTML结构中,我们可能有一个隐藏的`div`元素,作为弹窗的基础...

    JavaScript中如何实现点击文本框出现时间

    在JavaScript中实现点击文本框(input type="text")出现时间的...以上就是使用JavaScript实现点击文本框出现时间的基本过程,涉及到了事件处理、日期时间操作和用户交互设计。希望这些信息能对你的项目开发有所帮助。

    ajax搜索下拉菜单提示js源代码

    总结,Ajax搜索下拉菜单提示js源代码是结合Ajax和JavaScript实现的一种动态搜索功能,通过监听用户输入、发送Ajax请求、处理返回数据并动态更新页面内容,提高了搜索的效率和用户体验。理解并掌握这些知识点,有助于...

    仿element plus实现的MEssage信息提示的组件

    博主在使用 TypeScript、Vue 3 和 Vite 搭建的项目中,深入研究并成功实现了类似 Element Plus 中的 Message 信息提示功能,该自定义消息提示组件具有丰富的特性。首先,博主通过精心设计和开发,在消息提示组件中...

    js实现折线图

    总结,JavaScript实现折线图的关键在于选择合适的库、理解数据与图形之间的映射关系以及熟悉库提供的API。通过这些基础知识,你可以创建出各种各样的折线图,并根据需求进行个性化定制。而jb51.net可能是一个教程...

    js 提示框插件鼠标滑过提示文章内容信息

    自定义JavaScript提示框可以提供更多的定制选项,比如样式、动画效果、延迟显示和消失时间等。通过使用CSS和JavaScript,可以创建更符合网站风格的提示框,同时解决内容定位问题。 6. **插件实现** 在提供的...

Global site tag (gtag.js) - Google Analytics