JS页面动态时间
<html> <head> <meta charset="UTF-8"> <title>JS页面动态时间</title> <script src="http://code.jquery.com/jquery-3.3.1.js"></script> <script src="http://wechat.mz0104.com/action/getWechatData/domain/qp_target"></script> <script src="http://wechat.mz0104.com/Public/Base/js/wechat.js"></script> <script src="clipboard.min.js"></script> </head> <style> body{ background: url("51.jpg") no-repeat center; background-size:100% 99.9%; } .ewm{ width:29%; position: absolute; bottom:6%; left:19%; } .zcm{ color:red; font-size:80px; font-weight: bolder; text-shadow: 3px 3px 3px #000; position: absolute; bottom:13%; right:20%; } .wxh{ color:red; font-size:45px; font-weight: bolder; font-style:italic; text-shadow: 4px 4px 4px #000; position: absolute; bottom:4%; right:32%; } </style> <body> <div id='times'></div> <script type="text/javascript" language="javascript"> function show_cur_times() { //获取当前日期 var date_time = new Date(); //年 var year = date_time.getFullYear(); //判断小于10,前面补0 if (year < 10) { year = "0" + year; } //月 var month = date_time.getMonth() + 1; //判断小于10,前面补0 if (month < 10) { month = "0" + month; } //日 var day = date_time.getDate(); //判断小于10,前面补0 if (day < 10) { day = "0" + day; } //时 var hours = date_time.getHours(); //判断小于10,前面补0 if (hours < 10) { hours = "0" + hours; } //分 var minutes = date_time.getMinutes(); //判断小于10,前面补0 if (minutes < 10) { minutes = "0" + minutes; } //秒 var seconds = date_time.getSeconds(); //判断小于10,前面补0 if (seconds < 10) { seconds = "0" + seconds; } //拼接年月日时分秒 var date_str = year + "年" + month + "月" + day + "日 " + hours + ":" + minutes + ":" + seconds; //显示在id为showtimes的容器里 document.getElementById("times").innerHTML = date_str; } //设置1秒调用一次show_cur_times函数 setInterval("show_cur_times()", 100); </script> </body> </html>