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 相关文章推荐
基于Jquery的温度计动画效果
Jun 18 Javascript
JS中操作JSON总结
Dec 06 Javascript
jQuery+ajax实现鼠标单击修改内容的方法
Jun 27 Javascript
使用Plupload实现直接上传附件至七牛云存储
Dec 26 Javascript
js+css实现文字散开重组动画特效代码分享
Aug 21 Javascript
JavaScript中误用/g导致的正则test()无法正确重复执行的解决方案
Jul 27 Javascript
javascript验证手机号和实现星号(*)代替实例
Aug 16 Javascript
KnockoutJS 3.X API 第四章之表单value绑定
Oct 10 Javascript
Javascript中 带名 匿名 箭头函数的重要区别(推荐)
Jan 29 Javascript
详解vue.js 开发环境搭建最简单攻略
Jun 12 Javascript
微信小程使用swiper组件实现图片轮播切换显示功能【附源码下载】
Dec 12 Javascript
jQuery实现增删改查
Dec 22 jQuery
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
php中使用Akismet防止垃圾评论的代码
2011/06/10 PHP
Codeigniter整合Tank Auth权限类库详解
2014/06/12 PHP
ThinkPHP框架实现session跨域问题的解决方法
2014/07/01 PHP
浅谈PHP eval()函数定义和用法
2016/06/21 PHP
ThinkPHP防止重复提交表单的方法实例分析
2018/05/10 PHP
jQuery的实现原理的模拟代码 -3 事件处理
2010/08/03 Javascript
nodejs读取memcache示例分享
2014/01/02 NodeJs
使用jQuery重置(reset)表单的方法
2014/05/05 Javascript
js判断滚动条是否已到页面最底部或顶部实例
2014/11/20 Javascript
JavaScript中的console.profile()函数详细介绍
2014/12/29 Javascript
JS实现窗口加载时模拟鼠标移动的方法
2015/06/03 Javascript
JavaScript中字符串与Unicode编码互相转换的实现方法
2015/12/18 Javascript
vue引入ueditor及node后台配置详解
2018/01/03 Javascript
JS实现简易日历效果
2021/01/25 Javascript
[56:45]DOTA2上海特级锦标赛D组小组赛#1 EG VS COL第一局
2016/02/28 DOTA
python爬取NUS-WIDE数据库图片
2016/10/05 Python
python常见的格式化输出小结
2016/12/15 Python
python实现壁纸批量下载代码实例
2018/01/25 Python
OPENCV去除小连通区域,去除孔洞的实例讲解
2018/06/21 Python
快速解决jupyter notebook启动需要密码的问题
2020/04/21 Python
一文弄懂Pytorch的DataLoader, DataSet, Sampler之间的关系
2020/07/03 Python
Python如何读取、写入JSON数据
2020/07/28 Python
golang/python实现归并排序实例代码
2020/08/30 Python
python反爬虫方法的优缺点分析
2020/11/25 Python
Skyscanner台湾:全球知名的旅行比价引擎
2018/07/01 全球购物
法拉利英国精品店:Ferraris Boutique UK
2019/07/20 全球购物
皇家阿尔伯特瓷器美国官网:Royal Albert美国
2020/02/16 全球购物
俄罗斯电动工具和设备购物网站:Vseinstrumenti.ru
2020/11/12 全球购物
编程实现去掉XML的重复结点
2014/05/28 面试题
共产党员公开承诺书范文
2014/03/28 职场文书
防灾减灾宣传标语
2014/10/07 职场文书
街道务虚会发言材料
2014/10/20 职场文书
2015年百日安全活动总结
2015/03/26 职场文书
《少年闰土》教学反思
2016/02/18 职场文书
SpringCloud Feign请求头删除修改的操作代码
2022/03/20 Java/Android
Java 常见的限流算法详细分析并实现
2022/04/07 Java/Android