js特效--时间(转)

原创 2004年10月22日 09:06:00

js特效--时间

  1.显示系统当前日期


     



  2.显示系统当前日期


     



  3.日期和星期


     



  4.日期和星期


     



  5.纯钟


     



  6.时间显示


     



  7. 反倒记时


     



  8.日历


     



  9.鼠标时钟


     



  10.万年历


     



  11.状态栏滚动时钟


     



  12.标题时钟


     



  13.跟着鼠标走的时钟


     



  14.世界各国时间


     



  15.有开关功能的时钟

<TEXTAREA id=testcode74 onclick=copy5() rows=10 cols=95>&lt;script language="JavaScript"&gt; &lt;!-- 本页网页特效使用《有声有色 7.0》编辑制作!--&gt; &lt;!-- 软件下载地:酷博软件网--&gt;&lt;!-- 网址:[url]http://www.coolboo.com--[/url]&gt; &lt;!-- 软件作者:朱 江(richie)--&gt;&lt;!-- Email:richie@coolboo.com--&gt; var enabled = 0; function TOfunc() { TO = window.setTimeout( "TOfunc()", 1000 ); var today = new Date(); document.clock.disp.value = today.toLocaleString(); } &lt;/script&gt; &lt;form name="clock"&gt; &lt;input type="text" name="disp" value="" size=20 onFocus="this.blur()" &gt; &lt;br&gt; &lt;input type="radio" name="rad" value="OFF" checked onClick=" if( enabled==1 ) { document.clock.disp.value=''; clearTimeout( TO ); enabled = 0; } "&gt; 关 &lt;input type="radio" name="rad" value="on" onClick=" if( enabled == 0 ) { var TO = setTimeout( 'TOfunc()', 1000 ); enabled = 1; }" &gt; 开 &lt;/form&gt; </TEXTAREA>
     



  16.停留时间

<TEXTAREA id=testcode75 onclick=copy5() rows=10 cols=95>&lt;script language="JAVASCRIPT"&gt; &lt;!-- 本页网页特效使用《有声有色 7.0》编辑制作!--&gt; &lt;!-- 软件下载地:酷博软件网--&gt;&lt;!-- 网址:[url]http://www.coolboo.com--[/url]&gt; &lt;!-- 软件作者:朱 江(richie)--&gt;&lt;!-- Email:richie@coolboo.com--&gt; 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" &amp;&amp; ap_ver&gt;=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&gt;9) ? i_secs_spent : "0" + i_secs_spent); var s_mins_spent = "" + ((i_mins_spent&gt;9) ? i_mins_spent : "0" + i_mins_spent); document.fm0.time_spent.value = s_mins_spent + ":" + s_secs_spent; window.setTimeout('show_secs()',1000); } // --&gt; &lt;/script&gt; &lt;BODY onLoad="init(); window.setTimeout('show_secs()',1);"&gt; &lt;FORM name="fm0" onSubmit="0"&gt;&lt;FONT COLOR="#6060FF"&gt;停留时间: &lt;/FONT&gt;&lt;INPUT type="text" name="time_spent" size=7 onFocus="this.blur()"&gt;&lt;/FORM&gt; </TEXTAREA>
     



  17.背景时钟


     



  18. 显示最后更新时间


     



  19.显示今天是多少号


     



  20.水中倒影时钟


     



  21.根据时间不同,给不同的问候


     



  22.类日历 附详细说明


     



  23.


     
版权声明:本文为博主原创文章,未经博主允许不得转载。

js特效--时间

function copyCode(obj) { var rng = document.body.createTextRange(); rng.moveToElementText(obj); rng....
  • chinamao
  • chinamao
  • 2004年08月06日 20:36
  • 1612

200多个js特效分享

1.文本框焦点问题 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后,产生该文件 Onchange:当文字值改变时,产生该事件 Onselect:当文字加亮后,产生该...
  • oyxm0
  • oyxm0
  • 2011年11月21日 18:41
  • 1941

变色的旋转圆圈JS特效代码

变色的旋转圆圈 var CoLoUrS=new Array('ff0000','ffffff','0000ff','ffffff'); var dots=16; var Things...
  • LanSeTianKong12
  • LanSeTianKong12
  • 2017年01月20日 17:20
  • 416

从零开始,学习web前端之js特效

js特效
  • yuzhiqiang_1993
  • yuzhiqiang_1993
  • 2017年03月21日 12:06
  • 995

JS特效

1.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后,产生该文件Onchange:当文字值改变时,产生该事件Onselect:当文字加亮后,产生该文件(value...
  • wizfly
  • wizfly
  • 2007年01月25日 13:31
  • 737

写JS要注意

下午遇到了个问题,找了半天,也没找出来。 errorPlacement
  • iadink
  • iadink
  • 2014年08月08日 18:01
  • 542

js放礼花效果

在论坛中看到朋友用js做得放烟花效果,把它整理下来,以备以后不时之需~~~   【编程游戏】--贺岁放礼花-- BODY {MARGIN-TOP: 0px; FONT-SIZE: 9pt; MARG...
  • makey203
  • makey203
  • 2008年12月29日 14:02
  • 1324

js特效

1,禁止查看源码: function click() {if (event.button==2) {alert('不许你偷看!');}}document.onmousedown=click ...
  • asdfzjs
  • asdfzjs
  • 2013年10月09日 16:20
  • 604

javascript简单特效,js学习

简单js特效制作-学习 制作之前,我们先了解一下一些基础知识 offset 自己的,js中获取元素尺寸的api,通常使用的就是offset家族,先简单介绍一下这个家族,关于offset详细知识点大...
  • s8460049
  • s8460049
  • 2016年06月25日 08:44
  • 272

js特效示例

http://ini.iteye.com/blog/2165698 HTML5和CSS3知识和特效 asp.net ajax jquery实例 分享一个下雪的特效 jQuery倾斜的动画导...
  • wuxiaobingandbob
  • wuxiaobingandbob
  • 2015年06月08日 08:50
  • 362
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js特效--时间(转)
举报原因:
原因补充:

(最多只允许输入30个字)