在js中用图片显示当前时间

        <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8">
<title>Document</title>
<style type="text/css">div{margin:100px auto;width: 350px;}
</style>
</head>
<body>
<div><img src="data:images/0.png" id="img1"><img src="data:images/0.png" id="img2"><img src="data:images/second1.png" ><img src="data:images/0.png" id="img3"><img src="data:images/0.png" id="img4"><img src="data:images/second1.png" ><img src="data:images/0.png" id="img5"><img src="data:images/0.png" id="img6">
</div>
<script type="text/javascript">//获取图片idvar images1=document.getElementById('img1');var images2=document.getElementById('img2');var images3=document.getElementById('img3');var images4=document.getElementById('img4');var images5=document.getElementById('img5');var images6=document.getElementById('img6');function showTime(){//获取当前时间var date=new Date;var hours=date.getHours();var minutes=date.getMinutes();var seconds=date.getSeconds();//将小时拆分var q=parseInt(hours/10);var w=hours%10;//将图片加入拆分的时间里images1.src='images'+'/'+q+'.'+'png';images2.src='images'+'/'+w+'.'+'png';//拆分分钟var e=parseInt(minutes/10);var r=minutes%10;//将图片加入拆分的时间里images3.src='images'+'/'+e+'.'+'png';images4.src='images'+'/'+r+'.'+'png';//拆分秒var t=parseInt(seconds/10);var y=seconds%10;//将图片加入拆分的时间里images5.src='images'+'/'+t+'.'+'png';images6.src='images'+'/'+y+'.'+'png';}//调用第一次showTime();//每隔一秒调用一次setInterval(showTime,1000);
</script>
</body>
</html>

网页中所显示：

在js中用图片显示当前时间相关推荐

js用图片显示现在时间
js用图片显示现在时间话不多说,直接上代码: <!DOCTYPE html> <html><head><meta charset="utf-8&q ...
html显示日期时间代码,JS全中文显示日期时间代码
JS全中文显示日期时间代码_网页代码站(www.webdm.cn) function number(index1){ var numberstring="一二三四五六七八九十"; ...
JS控制图片显示的大小（图片等比例缩放）
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="C ...
js创建一个显示当前时间的简易小时钟
通过JavaScript的setInterval函数创建一个可以显示当前时间的简易小时钟:(这里只给出了一个最基本的样式,可以添加更多样式美化它!) 浏览器显示结果: 代码实现: <!DOCTY ...
js中图片显示用ajax,javascript - 前台用ajax上传图片，怎么让图片上传完成显示的缩略图片的时候显示分辨率大小...
以下是相关代码,现在就是上传上去想让显示以下分辨率,也就是图片的大小,请问应该怎么该才可以,求解答前台上传文件代码 window.οnlοad=function(){ var type=docume ...
python localtime 与utc时间差5分钟_在linux中用localtime()显示的时间与实际时间不相符,不是与北京时间差8个小时,而是差15个小时...
为方便调试程序,输入数据我用了空格. #include #include void main(){ struct tm *ptm; time_t rawtime, t; int year,month, ...
EPUB.js 解决图片裁剪问题(缩放问题)
在EPUB.js中,如果需要实现自动缩放,通过添加smartimages.js就可以实现图片自动缩放了,经过研究smartimages.js,发现,他可以是实现图片的缩放,但只能实现图片比需要显示的空 ...
javascript 以“年-月-日时：分：秒”格式显示当前时间
运行代码 /*** Created by shgbit on 2015/1/9. *js代码*/ function showNow(){ var t=new Date(); var month ...
Flask显示图片并设置图片的缓存时间
1.显示图片想要Flask在网页中显示图片,需要使用template 模板,例如 index.py from flask import Flask, render_template, url_for ...

在js中用图片显示当前时间

在js中用图片显示当前时间

在js中用图片显示当前时间相关推荐

最新文章

热门文章