Javascript实现倒计时时差效果


Posted in Javascript onMay 18, 2017

本文实例为大家分享了js倒计时时差效果的实现代码,供大家参考,具体内容如下

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>当前系统时间</title>
<link rel="stylesheet" href="style.css" />
<script language="javascript" type="text/javascript">

 window.onload = function(){
 showTime();
 }
 function checkTime(i){ //补位处理
 if(i<10){
  i='0'+i;
 }
 return i;
 }
 function showTime(){
 var now=new Date();
 var year= now.getFullYear();
 var month= now.getMonth()+1;
 var day= now.getDate();
 var h= now.getHours();
 var m= now.getMinutes();
 var s= now.getSeconds();
 m=checkTime(m);
 s=checkTime(s);

 var weekday=new Array(7)
 weekday[0]="星期日"
 weekday[1]="星期一"
 weekday[2]="星期二"
 weekday[3]="星期三"
 weekday[4]="星期四"
 weekday[5]="星期五"
 weekday[6]="星期六"

 document.getElementById("show").innerHTML=""+year+"年"+month+"月"+day+"日 "+ ? +h+":"+m+":"+s;
 t=setTimeout('showTime()',500)
 }

</script>
</head>
<body>
<div class="content1">
 <div id="show">显示时间的位置</div>
</div>
</body>
</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
分享JavaScript获取网页关闭与取消关闭的事件
Dec 13 Javascript
jqGrid读取选择的多行的某个属性代码
May 18 Javascript
JavaScript字符串对象replace方法实例(用于字符串替换或正则替换)
Oct 16 Javascript
基于jQuery+Cookie实现的防止刷新的在线考试倒计时
Jun 19 Javascript
javascript实现拖放效果
Dec 16 Javascript
jQuery图片渐变特效的简单实现
Jun 25 Javascript
JS获取鼠标选中的文字
Aug 10 Javascript
jQuery实现级联下拉框实战(5)
Feb 08 Javascript
Vue异步组件使用详解
Apr 08 Javascript
angularJs复选框checkbox选中进行ng-show显示隐藏的方法
Oct 08 Javascript
jQuery实现动态添加和删除input框代码实例
Mar 29 jQuery
Vue中遍历数组的新方法实例详解
Jul 21 Javascript
vue-cli webpack 开发环境跨域详解
May 18 #Javascript
JavaScript实现简单的星星评分效果
May 18 #Javascript
Javascript循环删除数组中元素的几种方法示例
May 18 #Javascript
Javascript实现信息滚动效果
May 18 #Javascript
详解Vue-cli 创建的项目如何跨域请求
May 18 #Javascript
Bootstrap table学习笔记(2) 前后端分页模糊查询
May 18 #Javascript
BootStrap 导航条实例代码
May 18 #Javascript
You might like
广播爱好者需要了解的天线知识
2021/03/01 无线电
法国:浪漫之都的咖啡文化
2021/03/03 咖啡文化
php连接mysql数据库代码
2009/03/10 PHP
ThinkPHP无限级分类原理实现留言与回复功能实例
2014/10/31 PHP
php列出mysql表所有行和列的方法
2015/03/13 PHP
php数组函数array_walk用法示例
2016/05/26 PHP
PHP反射学习入门示例
2019/06/14 PHP
制作特殊字的脚本
2006/06/26 Javascript
取得父标签
2006/11/14 Javascript
javascript  Error 对象 错误处理
2008/05/18 Javascript
EasyUI 中 MenuButton 的使用方法
2012/07/14 Javascript
Js 冒泡事件阻止实现代码
2013/01/27 Javascript
深入理解JavaScript系列(35):设计模式之迭代器模式详解
2015/03/03 Javascript
javascript实现去除HTML标签的方法
2016/12/26 Javascript
bootstrap fileinput 上传插件的基础使用
2017/02/17 Javascript
vue2.0结合DataTable插件实现表格动态刷新的方法详解
2017/03/17 Javascript
利用Vue-draggable组件实现Vue项目中表格内容的拖拽排序
2019/06/07 Javascript
微信小程序 点击切换样式scroll-view实现代码实例
2019/10/11 Javascript
ES6学习笔记之字符串、数组、对象、函数新增知识点实例分析
2020/01/22 Javascript
JavaScript 如何计算文本的行数的实现
2020/09/14 Javascript
[01:10]DOTA2次级职业联赛 - Fly战队宣传片
2014/12/01 DOTA
[02:37]TI8勇士令状不朽珍藏II视频展示
2018/06/23 DOTA
python实现随机梯度下降(SGD)
2020/03/24 Python
python正则表达式之对号入座篇
2018/07/24 Python
python通过tcp发送xml报文的方法
2018/12/28 Python
python将pandas datarame保存为txt文件的实例
2019/02/12 Python
Python制作数据预测集成工具(值得收藏)
2020/08/21 Python
ebookers英国:隶属全球最大的在线旅游公司Expedia
2017/12/28 全球购物
Airbnb爱彼迎官网:成为爱彼迎房东,赚取收入
2019/03/14 全球购物
员工自我鉴定范文
2013/10/06 职场文书
加拿大留学自荐信
2014/01/28 职场文书
火车来了教学反思
2014/02/11 职场文书
自我检讨报告
2015/01/28 职场文书
淘宝文案策划岗位职责
2015/04/14 职场文书
贫民窟的百万富翁观后感
2015/06/09 职场文书
Nginx 安装SSL证书完成HTTPS部署
2022/04/28 Servers