#Digital clock font free#

In programming, this is called a recursion loop. This way every 200 milliseconds the time is getting updated.

And lastly, we are calling the function again so that the digital clock is showing the live time.

This way the digital time will be updated.

In the second line, we are just assigning the real-time to the label method.

Since we are designing a digital clock, “hour, minutes, seconds” will be a nice format to go with. And we are also defining the format that we want it to be.

In the first line, we are getting real-time using the time package.

Alright, let’s define our digital clock function then: def digital_clock(): time_live = time.strftime('%H:%M:%S') nfig(text=time_live) label.after(200, digital_clock) Functions are also great because they make the program more structured and easier to understand. If we are working on an application project, functions are the best way to make things work. If you want to learn more about the attributes of the Label function, here is a nice page I found. label = Label(app_window, font=text_font, bg=background, fg=foreground, bd=border_width) id(row=0, column=1) Label function is the text that will show our time. Now, let’s combine the elements and define our label. Just search “Color picker” on google search. I use google’s color picker that is available on the browser.

In my case, I used the hex values of the colors.

#Digital clock font free#

Here are the values that I used for my design: text_font= ('Boulder', 68, 'bold') background = '#f2e750' foreground= '#363529' border_width = 25įor colors, feel free to use RGB values or hex values.

The color of the digital numbers, make sure it is not the same color as your background.

The background color of our digital clock.

There are four elements that we will customize: If you love designing things, it’s time to show off your skills. This step will make your work different from others. Because you can put your own preferences into the design. The cool step of the program is this one.

Perfect, our application window is ready! Now, let’s work on the clock design. And we don’t want our design to look weird when the window size is changed. Collection of free HTML and CSS clocks: analog, digital, flip, animated and etc. The window is not resizable, because the text values are not responsive design.Defining the size of our video, for example in my case, it’s 350pixels width to 150pixels height.Giving a title to our application window.app_window = Tk() app_window.title('My Digital Time') app_window.geometry('350x150') app_window.resizable(0,0) And after defining it, we will customize it. Define the WindowĪs mentioned earlier, we will use Tkinter package. And after that, we will define the text design that we want to use for the digital clock. In this step, we will first define the window panel using Tkinter package.