JS时间特效最常用的三款
2015-08-19 16:11
741 查看
为大家分享的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做的3D螺旋线效果
- js特效与优化的关系
- 一款超超漂亮的显示时间特效(embed html标签),有透明背景和白色背景
- js 售磬效果
- js 判断浏览器、客户端、设备
- 网站qq咨询JS特效
- 如何把百度分享加入到网页中去
- 制作全屏画廊,适合图片展示
- js特效
- 3D标签JS特效
- JS_TAB鼠标点击切换特效
- 仿XP菜单,仿XP导航,JS特效免费供学习
- JS_TAB鼠标点击切换特效。。。。。
- 仿XP菜单,仿XP导航,JS特效免费供学习
- 仿XP菜单,仿XP导航,JS特效免费供学习
- 选择器
- 三行jquery实现选项卡效果
- 三行jquery实现手风琴效果
- 一键实现全选和全不选