当前位置: 首页 > 编程笔记 >

Javascript实现倒计时时差效果

於功
2023-03-14
本文向大家介绍Javascript实现倒计时时差效果,包括了Javascript实现倒计时时差效果的使用技巧和注意事项,需要的朋友参考一下

本文实例为大家分享了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使用setTimeout实现倒计时效果,包括了JavaScript使用setTimeout实现倒计时效果的使用技巧和注意事项,需要的朋友参考一下 为了加强对JavaScript原生代码的编写能力,以及巩固setTimeout()的使用方法,制作了一个倒计时的demo,倒计时在现在的网站中算是一个常见的小功能,如果大家喜欢的话可以留下,就当作一个日常实用的小脚本。

  • 后台给了startTime和endTime的时间戳,通过他俩的差写一个倒计时,求解

  • 本文向大家介绍js实现新年倒计时效果,包括了js实现新年倒计时效果的使用技巧和注意事项,需要的朋友参考一下 一年又一年,新年又快到了,最近大家又开始抢回家过年的车票了,我们就来算一算离新年还有多少天,总结总结在即将过去的2015年大家都收获了什么? 本文实例讲述了js实现新年倒计时效果代码。分享给大家供大家参考。具体如下: 运行效果图: 具体代码: 希望本文所述对大家学习javascript程序设

  • 本文向大家介绍简单实现Android倒计时效果,包括了简单实现Android倒计时效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了Android倒计时效果的具体代码,供大家参考,具体内容如下 需求: a.在后台添加时,如果是今日直播,则需要添加开始时间(精确到秒); b.离开始时间超过1天,显示为:“离开时还有X天”; c.离开时时间不到1天,显示为:“离开时还有XX:XX:XX

  • 本文向大家介绍JavaScript实现短信倒计时60s,包括了JavaScript实现短信倒计时60s的使用技巧和注意事项,需要的朋友参考一下 废话不多说了,直接给大家贴代码了,具体代码如下所示; 总结 以上所述是小编给大家介绍的JavaScript实现短信倒计时60s,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对呐喊教程网站的支持!

  • 本文向大家介绍基于JavaScript实现自动更新倒计时效果,包括了基于JavaScript实现自动更新倒计时效果的使用技巧和注意事项,需要的朋友参考一下 实现倒计时效果需要掌握js中的两个知识点: 1、setTimeout函数 每隔1秒钟更新秒钟时间 2、Date对象 计算时间差 下面贴出 元旦倒计时代码 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。