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 OOP类与继承
Nov 15 Javascript
文本框input聚焦失焦样式实现代码
Oct 12 Javascript
Jquery为a标签的href赋值实现代码
May 03 Javascript
jquery导航制件jquery鼠标经过变色效果示例
Dec 05 Javascript
前端必备神器 Snap.svg 弹动效果
Nov 10 Javascript
关于function类中定义变量this的简单说明
May 28 Javascript
IE下JS保存图片的简单实例
Jul 15 Javascript
完美实现八种js焦点轮播图(上篇)
Jul 18 Javascript
JavaScript制作简单的框选图表
May 15 Javascript
微信小程序传值以及获取值方法的详解
Apr 29 Javascript
详解jenkins自动化部署vue
May 14 Javascript
详解如何在Javascript中使用Object.freeze()
Oct 18 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
php中函数的形参与实参的问题说明
2010/09/01 PHP
php学习笔记 数组的常用函数
2011/06/13 PHP
深入php数据采集的详解
2013/06/02 PHP
模板引擎smarty工作原理以及使用示例
2014/05/25 PHP
php生成4位数字验证码的实现代码
2015/11/23 PHP
PHP实现页面静态化的超简单方法
2016/09/06 PHP
js字符编码函数区别分析
2008/06/05 Javascript
JS俄罗斯方块,包含完整的设计理念
2010/12/11 Javascript
js中document.getElementByid、document.all和document.layers区分介绍
2011/12/08 Javascript
js操作label给label赋值及取label的值示例
2013/11/07 Javascript
用Jquery.load载入页面后样式没了页面混乱的解决方法
2014/10/20 Javascript
简单介绍JavaScript中字符串创建的基本方法
2015/07/07 Javascript
jquery实现触发时更新下拉列表内容的方法
2015/12/02 Javascript
jQuery操作属性和样式详解
2016/04/13 Javascript
canvas绘制万花筒效果(代码分享)
2017/01/20 Javascript
Vue2.0子同级组件之间数据交互方法
2018/02/28 Javascript
在 Angular6 中使用 HTTP 请求服务端数据的步骤详解
2018/08/06 Javascript
laydate如何根据开始时间或者结束时间限制范围
2018/11/15 Javascript
vue计算属性get和set用法示例
2019/02/08 Javascript
JQuery样式操作、click事件以及索引值-选项卡应用示例
2019/05/14 jQuery
小程序根据手机机型设置自定义底部导航距离
2019/06/04 Javascript
微信小程序开发常见问题及解决方案
2019/07/11 Javascript
js实现省级联动(数据结构优化)
2020/07/17 Javascript
python实现划词翻译
2020/04/23 Python
Windows系统下安装Python的SSH模块教程
2015/02/05 Python
浅谈python 导入模块和解决文件句柄找不到问题
2018/12/15 Python
安装docker-compose的两种最简方法
2019/07/30 Python
wxpython自定义下拉列表框过程图解
2020/02/14 Python
Python三维绘图之Matplotlib库的使用方法
2020/09/20 Python
使用CSS3的appearance属性改变任何元素的浏览器默认风格
2012/12/24 HTML / CSS
会计学自我鉴定
2014/02/06 职场文书
党员干部公开承诺书
2014/03/26 职场文书
物流管理专业自荐信
2014/06/23 职场文书
大型公益活动策划方案
2014/08/20 职场文书
Python之matplotlib绘制折线图
2022/04/13 Python
详解Python中的for循环
2022/04/30 Python