最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

js控制时间一秒一秒自己动

来源:动视网 责编:小OO 时间:2020-11-27 20:05:15
文档

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";}<;<。
推荐度:
导读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";}<;<。


本文主要为大家带来一篇通过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>
 <p style="text-align:center;">
 当前时间:<input type="text" name="timeBox" id="time" />
 </p>
 </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控制时间一秒一秒自己动

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";}<;<。
推荐度:
标签: 时间 js 一秒
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top