javascript基础练习-数字时钟

最新推荐文章于 2020-12-23 23:00:38 发布

wz前端初学者

最新推荐文章于 2020-12-23 23:00:38 发布

阅读量336

点赞数

分类专栏： javascript小练习文章标签： javascript 数字时钟练习

本文链接：https://blog.csdn.net/wz13759497175/article/details/78767278

版权

需要事先准备好0到9的数字图片，分别命名为0到9.png

以下是效果图:

代码部分:

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
		
	</style>
	<script type="text/javascript">
		window.οnlοad=function(){
			var img=document.getElementsByClassName('num');
			// 定义一个函数,当传入的参数小于10时,在参数前加上一个零
			function toDou(num){
				if(num<10)
					return "0"+String(num);
				else
					return String(num);
			}
			function time(){
				var date=new Date();
				var hour=date.getHours();
				var min=date.getMinutes();
				var sec=date.getSeconds();
				var str=toDou(hour)+toDou(min)+toDou(se

最低0.47元/天解锁文章

wz前端初学者

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
javascript基础练习-数字时钟

需要事先准备好0到9的数字图片，分别命名为0到9.png以下是效果图:代码部分: window.onload=function(){ var img=document.getElementsByClassName('num'); // 定义一个函数,当传入的参数小于10时,在参数前加上一个零 function toDou(num)
复制链接

扫一扫