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 相关文章推荐
FCK调用方法..
Dec 21 Javascript
制作高质量的JQuery Plugin 插件的方法
Apr 20 Javascript
jquery 按钮状态效果 正常、移上、按下
Aug 12 Javascript
easyui中combotree循环获取父节点至根节点并输出路径实现方法
Nov 10 Javascript
JavaScript实现隐藏省略文字效果的方法
Apr 27 Javascript
JavaScript作用域、闭包、对象与原型链概念及用法实例总结
Aug 20 Javascript
vue-cli 使用axios的操作方法及整合axios的多种方法
Sep 12 Javascript
jQuery easyui datagird编辑行删除行功能的实现代码
Sep 20 jQuery
通过npm或yarn自动生成vue组件的方法示例
Feb 12 Javascript
js比较两个单独的数组或对象是否相等的实例代码
Apr 28 Javascript
基于js实现的图片拖拽排序源码实例
Nov 04 Javascript
vue3弹出层V3Popup实例详解
Jan 04 Vue.js
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 获取全局变量的代码
2011/04/21 PHP
destoon找回管理员密码的方法
2014/06/21 PHP
常用js字符串判断方法整理
2013/10/18 Javascript
在百度知道团队中快速审批新成员的js脚本
2014/02/02 Javascript
可恶的ie8提示缺少id未定义
2014/03/20 Javascript
node.js中的path.dirname方法使用说明
2014/12/09 Javascript
jQuery中:eq()选择器用法实例
2014/12/29 Javascript
jQuery基于ajax实现星星评论代码
2015/08/07 Javascript
js控制多图左右滚动切换效果代码分享
2015/08/26 Javascript
浅谈JavaScript超时调用和间歇调用
2015/08/30 Javascript
基于JavaScript实现文字超出部分隐藏
2016/02/29 Javascript
详解Bootstrap插件
2016/04/25 Javascript
js实现简单扫雷
2020/11/27 Javascript
Python标准库之sqlite3使用实例
2014/11/25 Python
Python中datetime常用时间处理方法
2015/06/15 Python
Python实现二维有序数组查找的方法
2016/04/27 Python
解决python大批量读写.doc文件的问题
2018/05/08 Python
对django中render()与render_to_response()的区别详解
2018/10/16 Python
python实现列表的排序方法分享
2019/07/01 Python
python 获取等间隔的数组实例
2019/07/04 Python
Python PO设计模式的具体使用
2019/08/16 Python
Python collections中的双向队列deque简单介绍详解
2019/11/04 Python
Java文件与类动手动脑实例详解
2019/11/10 Python
Pandas对每个分组应用apply函数的实现
2020/12/13 Python
机械工程系毕业生求职信
2013/09/27 职场文书
大学军训感言
2014/01/10 职场文书
青年文明号复核材料
2014/02/11 职场文书
绘画专业自荐信范文
2014/02/23 职场文书
竞聘书格式及范文
2014/03/31 职场文书
葬礼司仪主持词
2014/03/31 职场文书
优秀班集体先进事迹材料
2014/05/28 职场文书
花坛标语大全
2014/06/30 职场文书
2014年教师学期工作总结
2014/11/08 职场文书
公司员工安全协议书
2014/11/21 职场文书
《认识钟表》教学反思
2016/02/16 职场文书
golang定时器
2022/04/14 Golang