JS时间特效最常用的三款


Posted in Javascript onAugust 19, 2015

为大家分享的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>

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

JS时间特效最常用的三款

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

Javascript 相关文章推荐
getElementById在任意一款浏览器中都可以用吗的疑问回复
May 13 Javascript
使用GruntJS构建Web程序之合并压缩篇
Jun 06 Javascript
jquery常用方法及使用示例汇总
Nov 08 Javascript
AngularJS bootstrap启动详解及实例代码
Sep 14 Javascript
JavaScript实现横线提示输入验证码随输入验证码输入消失的方法
Sep 24 Javascript
javascript 单例模式详解及简单实例
Feb 14 Javascript
学习React中ref的两个demo示例
Aug 14 Javascript
微信小程序实现展示评分结果功能
Feb 15 Javascript
移动端手指操控左右滑动的菜单
Sep 08 Javascript
vue 父组件通过v-model接收子组件的值的代码
Oct 27 Javascript
vue2.* element tabs tab-pane 动态加载组件操作
Jul 19 Javascript
JS跨浏览器解析XML应用过程详解
Oct 16 Javascript
js仿黑客帝国字母掉落效果代码分享
Nov 08 #Javascript
JS模拟并美化的表单控件完整实例
Aug 19 #Javascript
js实现文本框只允许输入数字并限制数字大小的方法
Aug 19 #Javascript
Jquery基础教程之DOM操作
Aug 19 #Javascript
jquery小火箭返回顶部代码分享
Aug 19 #Javascript
JS简单实现城市二级联动选择插件的方法
Aug 19 #Javascript
js实现当前输入框高亮显示的方法
Aug 19 #Javascript
You might like
第七节 类的静态成员 [7]
2006/10/09 PHP
适用于抽奖程序、随机广告的PHP概率算法实例
2014/04/09 PHP
Destoon实现多表查询示例
2014/08/21 PHP
php使用Jpgraph绘制复杂X-Y坐标图的方法
2015/06/10 PHP
orm获取关联表里的属性值
2016/04/17 PHP
PHP判断数组是否为空的常用方法(五种方法)
2017/02/08 PHP
Laravel框架实现简单的学生信息管理平台案例
2019/05/07 PHP
推荐dojo学习笔记
2007/03/24 Javascript
jQuery简单实现网页选项卡特效
2014/11/24 Javascript
JavaScript中创建字典对象(dictionary)实例
2015/03/31 Javascript
使用BootStrap进行轮播图的制作
2017/01/06 Javascript
JS传参及动态修改页面布局
2017/04/13 Javascript
基于JavaScript实现幸运抽奖页面
2020/07/05 Javascript
vue中设置、获取、删除cookie的方法
2018/09/21 Javascript
vue构建动态表单的方法示例
2018/09/22 Javascript
Vue引用Swiper4插件无法重写分页器样式的解决方法
2018/09/27 Javascript
Json实现传值到后台代码实例
2020/06/30 Javascript
vue+openlayers绘制省市边界线
2020/12/24 Vue.js
[49:28]VP vs Optic 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
使用httplib模块来制作Python下HTTP客户端的方法
2015/06/19 Python
Django 配置多站点多域名的实现步骤
2019/05/17 Python
Python 实现黑客帝国中的字符雨的示例代码
2020/02/20 Python
解决pytorch 交叉熵损失输出为负数的问题
2020/07/07 Python
导出HTML5 Canvas图片并上传服务器功能
2019/08/16 HTML / CSS
shell程序中如何注释
2012/01/28 面试题
CSS实现fullpage.js全屏滚动效果的示例代码
2021/03/24 HTML / CSS
机械设计制造专业个人求职信
2013/09/25 职场文书
公务员个人自我评价分享
2013/11/06 职场文书
生物科学专业个人求职信范文
2013/12/05 职场文书
淘宝活动策划方案
2014/02/06 职场文书
银行开户授权委托书格式
2014/10/10 职场文书
家长评语怎么写
2014/12/30 职场文书
合作合同协议书范本
2015/01/27 职场文书
优秀班主任工作总结2015
2015/05/25 职场文书
使用opencv-python如何打开USB或者笔记本前置摄像头
2022/06/21 Python
mysql通过group by分组取最大时间对应数据的两种有效方法
2022/09/23 MySQL