JS时间特效最常用的三款_javascript技巧

为大家分享的JS时间特效代码如下

<head>

<title>3个最常用的JS时间特效</title>
</head>

<body>
<table width="298" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td height="50" bgcolor="#f4f4f4">
<script language=JavaScript>
<!--
var enabled = 0; today = new Date();
var day; var date;
if(today.getDay()==0) day = " 星期日"
if(today.getDay()==1) day = " 星期一"
if(today.getDay()==2) day = " 星期二"
if(today.getDay()==3) day = " 星期三"
if(today.getDay()==4) day = " 星期四"
if(today.getDay()==5) day = " 星期五"
if(today.getDay()==6) day = " 星期六"
document.fgColor = "000000";
date = "今天是:" + (today.getYear()) + "年" + (today.getMonth() + 1 ) + "月" + today.getDate() + "日" + day +"";
document.write(date);
// -->
</script>
</td>
 </tr>
 <tr>
 <td height="50">
 <div id="webjx"></div>
 <script>setInterval("webjx.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
 </script></td>
 </tr>
 <tr>
 <td height="50" bgcolor="#f4f4f4">
 <span id=nowDate></span>
 <span id=nowTime></span>
 <script><!--
var ns4up1 = (document.layers) ? 1 : 0; // browser sniffer

var ie4up1 = (document.all&&(navigator.appVersion.indexOf("MSIE 4") == -1)) ? 1 : 0;

var ns6up1 = (document.getElementById&&!document.all) ? 1 : 0;

function nowclock() {
if (!ns4up1 && !ie4up1 && !ns6up1) return false;
var digital = new Date();
var hours = digital.getHours();
var minutes = digital.getMinutes();
var seconds = digital.getSeconds();
var day = digital.getDate();
var month = digital.getMonth() + 1;
var year = digital.getYear();
var amOrPm = "AM";
if (hours > 11) amOrPm = "PM";
if (hours > 12) hours = hours - 12;
if (hours == 0) hours = 12;
if (minutes < 10) minutes = "0" + minutes;
if (seconds < 10) seconds = "0" + seconds;
if (day < 10) day = "0" + day;
if (month < 10) month = "0" + month;
dispTime = hours + ":" + minutes + ":" + seconds + " " + amOrPm;
dispDate = year + "年" + month + "月" + day+ "日, " ;
if (ns4up1) {
document.layers.nowTime.document.write(dispTime);
document.layers.nowTime.document.close();
document.layers.nowDate.document.write(dispDate);
document.layers.nowDate.document.close();
} else if (ns6up1){
document.getElementById("nowTime").innerHTML = dispTime;
document.getElementById("nowDate").innerHTML = dispDate;
} else if (ie4up1){
nowTime.innerHTML = dispTime;
nowDate.innerHTML = dispDate;
} setTimeout("nowclock()", 1000);
} nowclock();
//-->
 </script>

</td>
 </tr>
</table>

</body>
</html>

复制上面代码,直接运行即可得到下面的效果:

以上就是为大家分享的JavaScript时间特效代码,希望大家可以喜欢。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索JS时间特效
JS常用特效
常用javascript特效、js常用特效、常用的js特效、javascript 特效、javascript网页特效,以便于您获取更多的相关知识。

时间: 2024-09-20 21:54:52

JS时间特效最常用的三款_javascript技巧的相关文章

Js 时间函数getYear()的使用问题探讨_javascript技巧

很久以前就不推荐使用getYear()这个函数,因为在火狐中显示是不正确的,推荐使用getFullYear() 函数. 另外火狐不支持innerText这个属性,需要改为textContent才能接收. 然后附上代码 复制代码 代码如下: var s,Sys = {},ua = window.navigator.userAgent.toLowerCase(); (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : (s = ua.match(/fir

纯JS焦点图特效实例(可一个页面多用)_javascript技巧

实例如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Co

JS实现的车标图片提示效果代码_javascript技巧

本文实例讲述了JS实现的车标图片提示效果.分享给大家供大家参考.具体如下: 这是一款基于JavaScript的鼠标提示效果,名车车标展示提示效果-鼠标移过时显示车标图片,页面打开后并不显示车标,只有当鼠标移在车标上的时候,车标才突然出现,类似Js提示特效,本代码兼容性也写的不错,代码也并不复杂,大部分是调用图片的. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-car-ico-alert-style-demo/ 具体代码如下: <!DOC

JS幻想 读取二进制文件第1/2页_javascript技巧

且不说浏览器内置的HTTP插件是否支持二进制数据流,就JavaScript其自身就毫无二进制的处理能力.聪明的读者也许想说用VBScript就可以实现了.不错,因为VBScript,IE,ActiveX都是微软的产物,所以他们有着无缝的结合.IE的HTTP组件确实能够读取二进制数据,而且也只能够让VBScript读取.但对于其他浏览器,就束手无策了. 毕竟脚本的理念仅仅是用来处理一些简单的交互的,对于处理字节流之类的复杂问题完全不该是脚本的职责.不过作为一种探索,我们还是可以挖掘下其中的乐趣.当

基于js对象,操作属性、方法详解_javascript技巧

一,概述 在Java语言中,我们可以定义自己的类,并根据这些类创建对象来使用,在Javascript中,我们也可以定义自己的类,例如定义User类.Hashtable类等等. 目前在Javascript中,已经存在一些标准的类,例如Date.Array.RegExp.String.Math.Number等等,这为我们编程提供了许多方便.但对于复杂的客户端程序而言,这些还远远不够. 与Java不同,Java2提供给我们的标准类很多,基本上满足了我们的编程需求,但是Javascript提供的标准类很

JS实现自动变换的菜单效果代码_javascript技巧

本文实例讲述了JS实现自动变换的菜单效果代码.分享给大家供大家参考.具体如下: 这是一款自动变换的JS菜单,由原来的一款自动TAB修改而成的,有需要的就拿去,代码内有几个JS函数,分别用来控制TAB的自动切换. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-auto-cha-menu-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E

多种js图片预加载实现方式分享_javascript技巧

图片预加载有大体有几种方式  1.html标签或css加载图片 显而易见我们使用img标签或者通过标签的background-image属性都可以实现图片的预加载.但是为了避免初次载入过多图片影响体验.一般最好在文档渲染完成以后再加载(使用window.onload等).  2.纯js实现预加载 空城计-Code记的Javascript实现图片的预加载的完整实现的预加载实例为 function preloadimages(arr){ var newimages=[], loadedimages=

完美实现八种js焦点轮播图(下篇)_javascript技巧

继续上一篇的学习完美实现八种js焦点轮播图(上篇),供大家参考,具体内容如下 5.定时上下无缝滚动 思路: 1.思路1: 将ul复制一份,但滚动一半距离重新归位:(大型网站性能略低): 2.思路2: 通过相对定位,将第一个li移动到最后,再将ul和Li归位. window.onload=function(){ var oBox=document.getElementById('box'); var oUl=document.getElementById('ul'); var aLi_u=oUl.

js改变html的原有内容实现方法_javascript技巧

如下所示:  <!-- 不能把JavaScript写在这个头部来改变html的内容 --> <!-- 不能把JavaScript写在定义pid的前面来改变html的内容-->   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <h