- 浏览: 99265 次
- 性别:
- 来自: 郑州
最新评论
-
a19905522:
噗噗凡 写道 当前阶段全景直播能应用在哪些场景呢?媒体行业, ...
关于720全景视频在移动端播放的兼容问题汇总,截止2017年11月29日 -
噗噗凡:
当前阶段全景直播能应用在哪些场景呢?
关于720全景视频在移动端播放的兼容问题汇总,截止2017年11月29日 -
blackey629:
perfect,楼主帮我解决了大问题!
overflow解决float浮动后高度自适应问题 -
ddjunshuhong:
楼主可能发个全点的代码呢?
flash as3 加载音乐并显示频谱
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin dayName = new Array("", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday") monName = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December") now = new Date // End --> </script> <SCRIPT LANGUAGE="JavaScript"> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin var strDay; if ((now.getDate() == 1) || (now.getDate() != 11) && (now.getDate() % 10 == 1)) // Correction for 11th and 1st/21st/31st strDay = "st "; else if ((now.getDate() == 2) || (now.getDate() != 12) && (now.getDate() % 10 == 2)) // Correction for 12th and 2nd/22nd/32nd strDay = "nd "; else if ((now.getDate() == 3) || (now.getDate() != 13) && (now.getDate() % 10 == 3)) // Correction for 13th and 3rd/23rd/33rd strDay = "rd "; else strDay = "th "; document.write( dayName[now.getDay()] + " the " + now.getDate() + strDay + "of " + monName[now.getMonth()] + ", " + now.getFullYear() ) // End --> </script> ******************************************************************************* 2、 代码演示效果为“2007年2月25日星期日正午12:42:48” 使用方法:将下面的JS代码放到你想要显示的页面中(支持HTML页面),然后在你想要显示时间的位置插入下面的代码即可 <div id="Clock" align="center" style="font-size: 12px; color:#000000"></div> ------------------------- <script> function tick() { var hours, minutes, seconds, xfile; var intHours, intMinutes, intSeconds; var today, theday; today = new Date(); function initArray(){ this.length=initArray.arguments.length for(var i=0;i<this.length;i++) this[i+1]=initArray.arguments[i] } var d=new initArray( "星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"); theday = today.getYear()+"年" + [today.getMonth()+1]+"月" +today.getDate() + d[today.getDay()+1]; intHours = today.getHours(); intMinutes = today.getMinutes(); intSeconds = today.getSeconds(); if (intHours == 0) { hours = "12:"; xfile = "午夜"; } else if (intHours < 12) { hours = intHours+":"; xfile = "上午"; } else if (intHours == 12) { hours = "12:"; xfile = "正午"; } else { intHours = intHours - 12 hours = intHours + ":"; xfile = "下午"; } if (intMinutes < 10) { minutes = "0"+intMinutes+":"; } else { minutes = intMinutes+":"; } if (intSeconds < 10) { seconds = "0"+intSeconds+" "; } else { seconds = intSeconds+" "; } timeString = theday+xfile+hours+minutes+seconds; Clock.innerHTML = timeString; window.setTimeout("tick();", 100); } window.onload = tick; </script> ************************************************************************* 链接外部网络的时钟: ------------------------------------------- <script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj = new Object;obj.clockfile = "5010-black.swf";obj.TimeZone = "CCT";obj.width = 222;obj.height = 66;obj.wmode = "transparent";showClock(obj);</script> ------------------------------------------- <embed src="http://www.clocklink.com/clocks/5010-black.swf?TimeZone=CCT&" width="222" height="66" wmode="transparent" type="application/x-shockwave-flash"> ************************************************************************ ////////////////////////////////////////////////////////////////////////////////////// 实时走动的数字时钟 <script> function tick() { var hours, minutes, seconds, xfile; var intHours, intMinutes, intSeconds; var today; today = new Date(); intHours = today.getHours(); intMinutes = today.getMinutes(); intSeconds = today.getSeconds(); if (intHours == 0) { hours = "12:"; xfile = "午夜"; } else if (intHours < 12) { hours = intHours+":"; xfile = "上午"; } else if (intHours == 12) { hours = "12:"; xfile = "正午"; } else { intHours = intHours - 12 hours = intHours + ":"; xfile = "下午"; } if (intMinutes < 10) { minutes = "0"+intMinutes+":"; } else { minutes = intMinutes+":"; } if (intSeconds < 10) { seconds = "0"+intSeconds+" "; } else { seconds = intSeconds+" "; } timeString = xfile+hours+minutes+seconds; Clock.innerHTML = timeString; window.setTimeout("tick();", 100); } window.onload = tick; </script> 第二步.将下面的代码加入html文件任意需要的地方 <div id="Clock" align="center" style="font-size: 20; color:#000000"></div> 你可以自行更改样式! -------------------------------------- 显示年月日格式的时间代码 <script language=javascript> today=new Date(); function initArray(){ this.length=initArray.arguments.length for(var i=0;i<this.length;i++) this[i+1]=initArray.arguments[i] } var d=new initArray( "星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"); document.write( "<font color=##000000 style='font-size:9pt;font-family: 宋体'> ", today.getYear(),"年", today.getMonth()+1,"月", today.getDate(),"日", d[today.getDay()+1], "</font>" ); </script> ----------------------------------------- 显示日期,星期,时间格式的代码 <script language="javascript"> <!--- today=new Date(); var hours = today.getHours(); var minutes = today.getMinutes(); var seconds = today.getSeconds(); var timevalue = "<FONT COLOR=black>" + ((hours >12) ? hours -12 :hours); timevalue += ((minutes < 10) ? "<BLINK><FONT COLOR=black>:</FONT></BLINK>0" : "<BLINK><FONT COLOR=black>:</FONT></BLINK>") + minutes+"</FONT></FONT>"; timevalue += (hours >= 12) ? "<FONT COLOR=blue><I><B>pm</B></I></FONT>" : "<FONT COLOR=blue><B><I>am</I></B></FONT>"; function initArray() { this.length=initArray.arguments.length for(var i=0;i<this.length;i++) this[i+1]=initArray.arguments[i] } var d =new initArray("<font color=RED>星期日</font>","星期一 ","星期二","星期三","星期四","星期五","<font color=RED>星期六</font>"); document.write(today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日",d[today.getDay()+1]," ",timevalue); //--> </script> -------------------------------------- 显示来访者的停留时间 <script language="javascript"> var ap_name = navigator.appName; var ap_vinfo = navigator.appVersion; var ap_ver = parseFloat(ap_vinfo.substring(0,ap_vinfo.indexOf('('))); var time_start = new Date(); var clock_start = time_start.getTime(); var dl_ok=false; function init () { if(ap_name=="Netscape" && ap_ver>=3.0) dl_ok=true; return true; } function get_time_spent () { var time_now = new Date(); return((time_now.getTime() - clock_start)/1000); } function show_secs () // show the time user spent on the side { var i_total_secs = Math.round(get_time_spent()); var i_secs_spent = i_total_secs % 60; var i_mins_spent = Math.round((i_total_secs-30)/60); var s_secs_spent = "" + ((i_secs_spent>9) ? i_secs_spent : "0" + i_secs_spent); var s_mins_spent = "" + ((i_mins_spent>9) ? i_mins_spent : "0" + i_mins_spent); document.fm0.time_spent.value = s_mins_spent + ":" + s_secs_spent; window.setTimeout('show_secs()',1000); } </script> <FORM name="fm0" onSubmit="0"><FONT COLOR="#6060FF">停留时间: </FONT><INPUT type="text" name="time_spent" size=7 onFocus="this.blur()"></FORM> 第二步:在你主页源文件<body>中加入下面代码 <BODY onLoad="init(); window.setTimeout('show_secs()',1);"> ---------------------------------- 显示当前日期与时间的格式 <script language="javascript"> <!-- now = new Date() hour = now.getHours() if (hour < 12) { document.write("现在是: " + now.toLocaleString()) } else if (hour < 18){ document.write("现在是: " + now.toLocaleString()) } else if (hour >= 18) { document.write("现在是: " + now.toLocaleString()) } // --> </script> ------------------------------- 浏览器状态栏显示的时钟 <BODY onLoad="run(); timerONE=window.setTimeout"></BODY> <SCRIPT LANGUAGE="javascript"> <!-- Hide timeID = null; timeRunning = false; function stop () { if(timeRunning) clearTimeout(timeID); timeRunning = false; } function time () { tick = new Date(); hours = tick.getHours(); minutes = tick.getMinutes(); seconds = tick.getSeconds(); day = tick.getDay(); month = tick.getMonth(); date = tick.getDate(); year = tick.getYear(); current = "" + ((hours >12) ? hours -12 :hours) current += ((minutes < 10) ? ":0" : ":") + minutes current += ((seconds < 10) ? ":0" : ":") + seconds current += (hours >= 12) ? " P.M." : " A.M." if(day==0){var weekday = " 星期日"} if(day==1){var weekday = " 星期一"} if(day==2){var weekday = " 星期二"} if(day==3){var weekday = " 星期三"} if(day==4){var weekday = " 星期四"} if(day==5){var weekday = " 星期五"} if(day==6){var weekday = " 星期六"} current +=(weekday) window.status=current; timeID = setTimeout("time()",1000); timeRunning = true; } function run(){ stop(); time(); } //--> </SCRIPT> ------------------------------------------ 显示最后更新时间代码 <SCRIPT language=javascript> <!--hide script from old browsers document.write("最后更新时间: " + document.lastModified + "") // end hiding --> </SCRIPT> ----------------------------------------- 根据不同的时间显示不同的问候语 方法:在主页中你需要的地方加入以下代码: <script language="LiveScript"> now = new Date(),hour = now.getHours() if(hour < 6){document.write("明天不用上班了吗?")} else if (hour < 8){document.write("全新的一天!")} else if (hour < 12){document.write("早安!")} else if (hour < 14){document.write("外面太阳大吗?")} else if (hour < 18){document.write("午安!")} else if (hour < 22){document.write("晚上好!")} else if (hour < 24){document.write("夜深了! 要注意身体呀! 祝你做个好梦!")} </script> 说明,可以自行修改出更好更多的问候语! ----------------------------------------- 一个很酷的透明时钟代码 方法:在页面中你需要的地方加入下面的代码 <STYLE type=text/css> BODY {COLOR: #000000; FONT-FAMILY: "宋体"; FONT-SIZE: 9pt; LINE-HEIGHT: 13pt} TD {COLOR: #000000; FONT-FAMILY: "宋体"; FONT-SIZE: 9pt; LINE-HEIGHT: 13pt} A:visited {COLOR: #000080;text-decoration:none} a:link { text-decoration:none } a:hover { text-decoration:underline } .f12 {font-size:12px;} .f13 {font-size:14.9px; LINE-HEIGHT: 120%} .f24 {font-size:24px;LINE-HEIGHT: 120%} .f14 {font-size:14.9px; LINE-HEIGHT: 170%} </STYLE> <script LANGUAGE="javascript"> Zp=670; H='....'; H=H.split(''); M='.....'; M=M.split(''); S='......'; S=S.split(''); Yp=0; Xp=0; Yb=8; Xb=8; d_=12; ns=(document.layers)?1:0; fCol='222222'; sCol='ff0000'; mCol='0000ee'; hCol='green'; if (ns) { dgts='1 2 3 4 5 6 7 8 9 10 11 12'; dgts=dgts.split(' '); for (i=0;i<d_;i++) {document.write('<layer name=nsDigits'+i+' top=0 left=0 height=30 width=30><center><font face=Arial,Verdana size=1 color='+fCol+'>'+dgts[i]+'</font></center></layer>');} for (i=0;i<M.length;i++) {document.write('<layer name=ny'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>');} for (i=0;i<H.length;i++) {document.write('<layer name=nz'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>');} for (i=0;i<S.length;i++) {document.write('<layer name=nx'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>');} } else { document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=1;i<d_+1;i++) { document.write('<div id="ieDigits" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial,Verdana;font-size:10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'</div>'); } document.write('</div></div>'); document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0;i<M.length;i++) { document.write('<div id=y style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>'); } document.write('</div></div>'); document.write('</div></div>'); document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0;i<H.length;i++) {document.write('<div id=z style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>');} document.write('</div></div>'); document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0;i<S.length;i++) {document.write('<div id=x style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>');} document.write('</div></div>'); } function clock() { time=new Date (); secs=time.getSeconds(); sec=-1.57+Math.PI*secs/30; mins=time.getMinutes(); min=-1.57+Math.PI*mins/30; hr=time.getHours(); hrs=-1.57+Math.PI*hr/6+Math.PI*parseInt(time.getMinutes())/360; if (ns) { Yp=window.pageYOffset+window.innerHeight-60;Xp=80; } else { Yp=document.body.scrollTop+window.document.body.clientHeight-60; Xp=document.body.scrollLeft+60; } if (ns) { for (i=0;i<d_;++i) { document.layers["nsDigits"+i].top=Yp-5+40*Math.sin(-0.49+d_+i/1.9); document.layers["nsDigits"+i].left=Xp-15+40*Math.cos(-0.49+d_+i/1.9); } for (i=0;i<S.length;i++) { document.layers["nx"+i].top=Yp+i*Yb*Math.sin(sec); document.layers["nx"+i].left=Xp+i*Xb*Math.cos(sec); } for (i=0;i<M.length;i++) { document.layers["ny"+i].top=Yp+i*Yb*Math.sin(min); document.layers["ny"+i].left=Xp+i*Xb*Math.cos(min); } for (i=0;i<H.length;i++) { document.layers["nz"+i].top=Yp+i*Yb*Math.sin(hrs); document.layers["nz"+i].left=Xp+i*Xb*Math.cos(hrs); } } else { for (i=0;i<d_;++i) { ieDigits[i].style.pixelTop=Yp-15+40*Math.sin(-0.49+d_+i/1.9); ieDigits[i].style.pixelLeft=Xp-14+40*Math.cos(-0.49+d_+i/1.9)+Zp; } for (i=0;i<S.length;i++) { x[i].style.pixelTop=Yp+i*Yb*Math.sin(sec); x[i].style.pixelLeft=Xp+i*Xb*Math.cos(sec)+Zp; } for (i=0;i<M.length;i++) { y[i].style.pixelTop=Yp+i*Yb*Math.sin(min); y[i].style.pixelLeft=Xp+i*Xb*Math.cos(min)+Zp; } for (i=0;i<H.length;i++) { z[i].style.pixelTop=Yp+i*Yb*Math.sin(hrs); z[i].style.pixelLeft=Xp+i*Xb*Math.cos(hrs)+Zp; } } setTimeout('clock()', 50); } if (document.layers || document.all) {window.onload=clock;} window.onload=clock; </script> ********************************************************************
发表评论
-
百度地图坐标拾取器vue组件
2019-09-25 10:34 668在很多后台应用中,输入坐标,如果只给一个输入框,还需要用户打 ... -
使用AST快速解决css代码重构问题
2019-02-14 11:26 688抽象语法树(AST)相信很多从事后端开发的同学都已经很了解 ... -
关于720全景视频在移动端播放的兼容问题汇总,截止2017年11月29日
2017-11-29 15:28 930结论:A回放情况:1.安 ... -
nodejs下的图形处理库gm在windows环境的安装
2016-05-26 09:18 1529众所周知node.js的各种 ... -
jQuery ajax - load() 方法 回调函数
2014-04-21 22:40 191jQuery ajax - load() 方法 jQ ... -
jQuery 获取屏幕高度、宽度
2014-04-21 18:31 766jQuery 获取屏幕高度、 ... -
javascript变量类型
2013-10-24 09:59 728javascript的变量类型真的很要人纠结,即使你是很有经 ... -
javascript基本类型和引用类型
2013-10-24 09:59 604javascript基本类型和引用类型(合成类型) ... -
javascript引用类型和值类型
2013-10-24 09:57 706/*ECMAScript变量可能包含 ... -
JQ幻灯
2013-10-24 09:35 503<script type="text/jav ... -
javascript exec match 区别
2013-09-02 18:35 659在js中,在查找替换时经常使用到exec 和 match , ... -
javascript,js闭包实例讲解
2013-04-19 18:13 914一、变量的作用域 ... -
JQ选择器-知识总结
2013-02-20 11:43 788【层级选择器】 (se1 se2): 匹配se1所有的后代 ... -
javascript call 方法的继承,用于调用一个对象的一个方法,以另一个对象替换当前对象
2012-11-15 08:56 1101call 方法 先看官方文档 ... -
使用navigator.userAgent来判断浏览器类型
2012-11-07 08:31 919使用navigator.userAgent来判断浏览器类型。1 ... -
javascript(js)中的 substring和substr方法
2012-10-26 11:42 7341.substring 方法定义和用法substring 方法 ... -
固定页面右下角DIV CSS代码,不跟随页面滚动,返回顶部代码,兼容ie6
2012-08-21 11:16 1155<!DOCTYPE html PUBLIC " ... -
CSS+DIV固定顶部导航代码-不跟随页面滚动,附源文件,经典收藏
2012-08-13 17:28 4924固定顶部导航,不跟随滚动,固定页面顶部纯div+css; 以 ... -
css ie下定义高度1px的div
2012-07-11 09:11 843.left{ width:200px; float: ... -
js固定页面底部悬浮框特效代码
2012-06-03 23:27 6365<html> <head> ...
相关推荐
js通用日期格式化工具,直接引用该工具类就可以使用,方便快捷,建议大家收藏此工具类,该工具很好的解决了前端页面显示日期格式问题
它完全兼容Angular Material,提供了日期、时间和日期时间选择,以及分页和步进控制。 这些JS时间控件各有特色,能够满足不同的设计风格和功能需求。开发者可以根据项目特性选择合适的控件,通过适当的配置和定制,...
3. **日期对象和格式化**:在JavaScript中,`Date`对象是处理日期和时间的基础。控件需要创建、读取和设置日期,同时可能还需要将日期格式化为特定的字符串,例如"YYYY-MM-DD"。 4. **CSS样式**:为了提供良好的...
以下是一些常见的JavaScript日期时间函数及其详细说明: 1. **Date对象的isLeapYear方法** 这个方法用于判断一个年份是否为闰年。闰年的规则是: - 能被4整除但不能被100整除的年份是闰年(例如1904年)。 - 能...
5. **时间日期处理**:格式化显示日期,或者定时更新内容。 6. **动画效果**:通过JavaScript实现更复杂的动画,如计时器、计数器、粒子效果等。 7. **模态框和弹窗**:用于提示信息、确认操作或展示内容。 8. **...
- 良好的日历组件应该易于使用,直观地显示日期,并提供便捷的导航选项,如快速跳转到当前月、下个月或上个月。文件名"nowmonthselect"可能是指其中一个日历组件专注于展示当前月份,用户可以轻松选择当月的日期。 ...
13. **时间日期选择器(Date/Time Picker)**:替代原生的输入框,提供更友好的日期和时间选择界面。 14. **粒子特效(Particle Effects)**:如背景中的飘动粒子,JavaScript可以生成和控制大量粒子,营造独特的...
在前端开发领域,JavaScript(JS)是不可或缺的一部分,它提供了丰富的功能来增强用户体验。"收藏的JS代码"这个压缩包中包含了一系列适用于前端开发的实用JS代码片段,这些代码可以帮助开发者快速实现各种常见且重要...
本文档主要介绍了使用javascript获取当前时间,并展示一些常见的特效,例如节日倒计时、滚动文字、记录并显示网页的最后修改时间、关闭当前窗口、添加到收藏夹、让超链接不显示下划线、禁止鼠标右键的动作、设置该页...
JavaScript(简称JS)是一种轻量级的脚本语言,常用于网页开发,提供交互性和动态效果。在网页中,JS可以实现多种功能,包括但不限于数据验证、页面动态更新、用户交互以及今天我们要讨论的——创建收藏夹、设置首页...
实例112 在状态栏中显示日期时间 178 实例113 使用数组显示星期 179 实例114 在表格中显示时间 180 实例115 退出页面时显示停留时间 181 实例116 显示用户在页面的停留时间 182 实例117 显示最后修改时间 183 4.2 ...
5. 时间日期处理:JavaScript提供了Date对象,可以用于处理日期和时间,如显示倒计时、日历组件、时间戳转换等。 6. 拖放功能:通过HTML5的drag and drop API,JavaScript可以实现元素的拖放操作,适用于文件上传、...
- **设置为首页和加入收藏夹**:提供便捷的用户操作,通过JavaScript实现一键将网页设置为首页或添加到收藏夹的功能。 通过学习和实践这些JavaScript特效,开发者可以提升网页的交互性和吸引力,为用户提供更丰富...
根据一天中的时间,JavaScript可以显示不同的问候语,如“早安”、“午安”和“晚安”,提升用户体验。 这些经典的JavaScript代码片段在网页设计中非常实用,能帮助开发者快速实现各种交互功能。不过,随着Web技术...
- 时间和日期处理,格式化显示或计算日期差。 - 弹窗提示和模态对话框,提供用户交互反馈。 以上是对"js经典脚本"主题的概述,实际的压缩包文件“脚本收藏”可能包含了各种具体的应用示例和代码片段,通过学习和...
第13章 日期和时间特效 13.1 指定时间关闭页面 13.2 最简单的时间日期特效 13.3 最简单的获取时间的方法 13.4 随日期变换的文本 13.5 输入框的默认值为今天 13.6 时间相加 13.7 5秒后消失的广告 13.8 12小时制和24...
从给定的文件信息中,我们可以总结出一系列与JavaScript相关的知识点,这些知识点涵盖了从基本的日期时间操作、浏览器属性获取到网页导航控制、窗口管理和事件处理等多个方面。下面将对这些知识点进行详细的阐述: ...