JavaScript,css时间计时器
JavaScript,css时间计时器
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><style type="text/css">#time{width: 600px;height: 200px;font-size: 60px;text-align: center;margin: 0 auto;top:200px;/* 设置字体渐变色 */background: linear-gradient(to bottom left,#e74335 0%,#299b49 100%);-webkit-background-clip: text;color: transparent;position: relative;}</style></head><body><div id="time"></div><script type="text/javascript">function dateTimes(){var date = new Date()//获取小时var hour = date.getHours()//获取分钟var min= date.getMinutes()//获取秒var sec = date.getSeconds()//拼接0 12:9:8-->12:08:09if(min<=9){min = "0"+min}if(sec<=9){sec = "0"+sec}return hour+":"+min+":"+sec}function times(){document.getElementById("time").innerHTML = dateTimes()}//每秒刷新setInterval(times,1000)</script></body>
</html>
JavaScript,css时间计时器
JavaScript,css时间计时器
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><style type="text/css">#time{width: 600px;height: 200px;font-size: 60px;text-align: center;margin: 0 auto;top:200px;/* 设置字体渐变色 */background: linear-gradient(to bottom left,#e74335 0%,#299b49 100%);-webkit-background-clip: text;color: transparent;position: relative;}</style></head><body><div id="time"></div><script type="text/javascript">function dateTimes(){var date = new Date()//获取小时var hour = date.getHours()//获取分钟var min= date.getMinutes()//获取秒var sec = date.getSeconds()//拼接0 12:9:8-->12:08:09if(min<=9){min = "0"+min}if(sec<=9){sec = "0"+sec}return hour+":"+min+":"+sec}function times(){document.getElementById("time").innerHTML = dateTimes()}//每秒刷新setInterval(times,1000)</script></body>
</html>