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

通过js控制时间,一秒一秒自己动的实例

虞博涛
2023-03-14
本文向大家介绍通过js控制时间,一秒一秒自己动的实例,包括了通过js控制时间,一秒一秒自己动的实例的使用技巧和注意事项,需要的朋友参考一下

1、第一种形式

 <html>
 <head>
 <title>时间</title>
 <script type="text/javascript">
setInterval("showtime()", 1000);
function showtime() {
var date = new Date();
var time = date.getHours() + ":" + date.getMinutes() + ":"
+ date.getSeconds();
document.getElementById("timeBox").value = time;
}
</script>
 </head>
 <body>
 <div style="text-align:center;">
  当前时间:<input type="text" name="timeBox" id="time" />
 </div>
 </body>
</html>

2、第二种形式

<html>
 <head>
 <title>时间</title>
 <script type="text/javascript">
 //获得当前时间,刻度为一千分一秒 
 function showLeftTime() {  
 var now = new Date();  
 var year = now.getFullYear();  
 var month = now.getMonth() + 1;  
 var day = now.getDate();  
 var hours = now.getHours();  
 var minutes = now.getMinutes();  
 var seconds = now.getSeconds();  
 document.all.show.innerHTML = "" + year + "年" + month + "月" + day + "日</br> " + hours + ":" + minutes + ":" + seconds + ""; 
 //document.getElementById("show").innerHTML = "" + year + "年" + month + "月" + day + "日</br> " + hours + ":" + minutes + ":" + seconds + "";  
  
 //一秒刷新一次显示时间 
 setTimeout(showLeftTime, 1000); 
 } 
 
 </script> 
 </head>
 <body onload="showLeftTime()">
 <label id="show"></label><br/>
 <!-- <script type="text/javaScript">
 showLeftTime();
 </script> -->
 </body>
</html>

以上这篇通过js控制时间,一秒一秒自己动的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍js 显示日期时间的实例(时间过一秒加1),包括了js 显示日期时间的实例(时间过一秒加1)的使用技巧和注意事项,需要的朋友参考一下 html: js: 1:引入js库 2: 以上这篇js 显示日期时间的实例(时间过一秒加1)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

  • 本文向大家介绍用js实现每隔一秒刷新时间的实例(含年月日时分秒),包括了用js实现每隔一秒刷新时间的实例(含年月日时分秒)的使用技巧和注意事项,需要的朋友参考一下 原理:使用定时器,即setInterval(fn,i),每隔i秒执行fn。 下面给出具体的代码 1.代码如下: 2.效果图: 以上这篇用js实现每隔一秒刷新时间的实例(含年月日时分秒)就是小编分享给大家的全部内容了,希望能给大家一个参考

  • 本文向大家介绍JS实现商城秒杀倒计时功能(动态设置秒杀时间),包括了JS实现商城秒杀倒计时功能(动态设置秒杀时间)的使用技巧和注意事项,需要的朋友参考一下 一年一度的双十二如期而至,今天的你买买买了吗,下面小编给大家分享一个动态秒杀倒计时功能。 效果图  总结 以上所述是小编给大家介绍的JS实现商城秒杀倒计时功能(动态设置秒杀时间),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复

  • 问题内容: 我正在使用Angular.js,我有一个表示秒数的数字字符串(例如:)。 我需要一个将其转换为时间模式的过滤器:(10分钟10秒= 610秒)。 我应该怎么做? 问题答案: manzapanza的答案仅在秒数小于86400(1天)时有效。日期对象必须完全为零。同样,最好返回实际的date对象,以便angularjs不必再次创建它。 和 编辑: 如果您希望小时数不超过24天而不是几天,最

  • 本文向大家介绍js计算两个时间差 天 时 分 秒 毫秒的代码,包括了js计算两个时间差 天 时 分 秒 毫秒的代码的使用技巧和注意事项,需要的朋友参考一下 具体代码如下所述: ps下面看下Js计算时间差,天数,小时数,余数 总结 以上所述是小编给大家介绍的js计算两个时间差 天 时 分 秒 毫秒的代码,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

  • 我在Redis git hub上发布了这个问题,如果我看到任何回复,我会更新双方。 在VisualStudio 2015和x64上运行C 我注意到调用“get”几乎需要2秒钟才能返回一个值。我的钥匙是“控制:107:1”;我在本地机器上运行Redis服务器;它有大约200把钥匙。 我甚至解构了这个命令:redis_客户端- 我的结果是: redis_client- 收到1939年 val.as_s